diff options
| author | silverwind <me@silverwind.io> | 2023-05-19 18:30:24 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-05-19 16:30:24 +0000 |
| commit | a103b79f60948fa8ee44f95304716f3d354a8c15 (patch) | |
| tree | e69ddcc051af27ec3109a8313578c00d25f51ecd /web_src/css/themes | |
| parent | acde12a8a276cd3c0bb6186571b5da2f1f98757c (diff) | |
| download | gitea-a103b79f60948fa8ee44f95304716f3d354a8c15.tar.gz gitea-a103b79f60948fa8ee44f95304716f3d354a8c15.zip | |
Rework label colors (#24790)
Introduce `--color-label-fg`, `--color-label-bg` and
`--color-label-hover-bg`, decoupling the label styles from other color
variables. I've set the colors so that non-interactive labels like on
tabs are dark-on-light on light theme, which imho looks better than
previous light-on-dark.
In the screenshot below, the leftmost label has hover, the second one
has active.
<img width="786" alt="Screenshot 2023-05-18 at 12 48 26"
src="https://github.com/go-gitea/gitea/assets/115237/d989bb68-504a-4406-b5f6-419ed9609f90">
<img width="789" alt="Screenshot 2023-05-18 at 13 04 07"
src="https://github.com/go-gitea/gitea/assets/115237/689a281a-a2b7-45e8-a5ee-dafb7a35e105">
---------
Co-authored-by: Giteabot <teabot@gitea.io>
Diffstat (limited to 'web_src/css/themes')
| -rw-r--r-- | web_src/css/themes/theme-arc-green.css | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/web_src/css/themes/theme-arc-green.css b/web_src/css/themes/theme-arc-green.css index 84007d2e2d..d5db18b55a 100644 --- a/web_src/css/themes/theme-arc-green.css +++ b/web_src/css/themes/theme-arc-green.css @@ -165,8 +165,13 @@ --color-caret: var(--color-text); /* should ideally be --color-text-dark, see #15651 */ --color-reaction-bg: #ffffff12; --color-reaction-active-bg: var(--color-primary-alpha-40); + --color-tooltip-text: #ffffff; + --color-tooltip-bg: #000000f0; --color-header-bar: #2e323e; - --color-label-active-bg: #4c525e; + --color-label-text: #dfe3ec; + --color-label-bg: #7c84974b; + --color-label-hover-bg: #7c8497a0; + --color-label-active-bg: #7c8497ff; --color-accent: var(--color-primary-light-1); --color-small-accent: var(--color-primary-light-5); --color-active-line: #534d1b; |