TudbuT/forgejo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Style fomantic grey labels (#29458)

Browse source 
Fomantic grey labels in the dashboard repo lists were showing original
fomantic colors, fixed that. Also slightly tweaked the light theme
colors so it uses same opacity values as dark theme.

<img width="165" alt="Screenshot 2024-03-07 at 21 06 23"
src="https://github.com/go-gitea/gitea/assets/115237/72744d6f-2ee1-4e5d-8ba0-b482a446f535">
<img width="167" alt="Screenshot 2024-03-07 at 21 06 00"
src="https://github.com/go-gitea/gitea/assets/115237/1ba93775-e5a9-4b28-b90f-59c1e9199687">

(cherry picked from commit 114bb505a3b0819db683d4b586e950df6a17bff8)
This commit is contained in:
silverwind 2024-03-08 10:42:12 +01:00 • committed by Earl Warren
parent fb77784017
commit faac0a7c32
No known key found for this signature in database
GPG key ID: 0579CB2928A78A00
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web_src/css/base.css
View file

@ -1459,7 +1459,9 @@ strong.attention-caution, span.attention-caution {
} }
.ui.label, .ui.label,
.ui.menu .item > .label { .ui.menu .item > .label,
.ui.grey.labels .label,
.ui.ui.ui.grey.label {
background: var(--color-label-bg); background: var(--color-label-bg);
color: var(--color-label-text); color: var(--color-label-text);
} }

6
web_src/css/themes/theme-gitea-light.css
View file

@ -228,9 +228,9 @@
--color-nav-hover-bg: #ebebeb; --color-nav-hover-bg: #ebebeb;
--color-nav-text: var(--color-text); --color-nav-text: var(--color-text);
--color-label-text: var(--color-text); --color-label-text: var(--color-text);
--color-label-bg: #cacaca5b; --color-label-bg: #9d9d9d4b;
--color-label-hover-bg: #cacacaa0; --color-label-hover-bg: #9d9d9da0;
--color-label-active-bg: #cacacaff; --color-label-active-bg: #9d9d9dff;
--color-accent: var(--color-primary-light-1); --color-accent: var(--color-primary-light-1);
--color-small-accent: var(--color-primary-light-6); --color-small-accent: var(--color-primary-light-6);
--color-active-line: #fffbdd; --color-active-line: #fffbdd;