diff options
| author | Damien Pollet <damien.pollet@gmail.com> | 2019-11-06 18:23:06 +0100 |
|---|---|---|
| committer | Antoine GIRARD <sapk@users.noreply.github.com> | 2019-11-06 18:23:06 +0100 |
| commit | d5b1e6bc51f87eb1be07a4682798428bf4bbb9ce (patch) | |
| tree | ef0a9a2d5a9ac929c6d5ba78c31d6182d8856ae0 /public | |
| parent | f05cd3e31792859156ac3b77954f9f343bb3620e (diff) | |
| download | gitea-d5b1e6bc51f87eb1be07a4682798428bf4bbb9ce.tar.gz gitea-d5b1e6bc51f87eb1be07a4682798428bf4bbb9ce.zip | |
Theme arc-green: reverse heatmap colors (#8840)
* Theme arc-green: reverse heatmap colors
This uses the same colors as the updated palette in the base theme.
See #8709 and #5864, in particular [my comment showing the problem](https://github.com/go-gitea/gitea/issues/5864#issuecomment-462334171)
* Rebuild CSS
* Use link color as hot, interpolate between hot and cold colors
* Use color from a:hover
Diffstat (limited to 'public')
| -rw-r--r-- | public/css/theme-arc-green.css | 5 | ||||
| -rw-r--r-- | public/less/themes/arc-green.less | 28 |
2 files changed, 32 insertions, 1 deletions
diff --git a/public/css/theme-arc-green.css b/public/css/theme-arc-green.css index 28a127a3dd..74a7c3ddc3 100644 --- a/public/css/theme-arc-green.css +++ b/public/css/theme-arc-green.css @@ -249,6 +249,11 @@ a.ui.label:hover,a.ui.labels .label:hover{background-color:#505667!important;col .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar th{border-color:#4c505c;background-color:#2a2e39} .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar td.xdsoft_other_month{opacity:.8;background:#a0cc75;color:#000} .heatmap-color-0{background-color:#2d303b} +.heatmap-color-1{background-color:#444f47} +.heatmap-color-2{background-color:#5b6e52} +.heatmap-color-3{background-color:#728e5e} +.heatmap-color-4{background-color:#89ad69} +.heatmap-color-5{background-color:#a0cc75} .CodeMirror{color:#9daccc;background-color:#2b2b2b;border-top:0} .CodeMirror div.CodeMirror-cursor{border-left:1px solid #9e9e9e} .CodeMirror .CodeMirror-gutters{background-color:#2b2b2b} diff --git a/public/less/themes/arc-green.less b/public/less/themes/arc-green.less index 27c32728a2..06e7c78d41 100644 --- a/public/less/themes/arc-green.less +++ b/public/less/themes/arc-green.less @@ -1294,8 +1294,34 @@ a.ui.labels .label:hover { } } +.heatmap(@heat) { + @heatmap-cold: #2d303b; + @heatmap-hot: #a0cc75; + background-color: mix(@heatmap-hot, @heatmap-cold, @heat); +} + .heatmap-color-0 { - background-color: #2d303b; + .heatmap(0%); +} + +.heatmap-color-1 { + .heatmap(20%); +} + +.heatmap-color-2 { + .heatmap(40%); +} + +.heatmap-color-3 { + .heatmap(60%); +} + +.heatmap-color-4 { + .heatmap(80%); +} + +.heatmap-color-5 { + .heatmap(100%); } /* code mirror dark theme */ |