Skip to content

Commit 114bb50

Browse files
authored
Style fomantic grey labels (#29458)
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">
1 parent b5c418f commit 114bb50

File tree

2 files changed

+6
-4
lines changed

2 files changed

+6
-4
lines changed

web_src/css/base.css

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1448,7 +1448,9 @@ strong.attention-caution, span.attention-caution {
14481448
}
14491449

14501450
.ui.label,
1451-
.ui.menu .item > .label {
1451+
.ui.menu .item > .label,
1452+
.ui.grey.labels .label,
1453+
.ui.ui.ui.grey.label {
14521454
background: var(--color-label-bg);
14531455
color: var(--color-label-text);
14541456
}

web_src/css/themes/theme-gitea-light.css

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -228,9 +228,9 @@
228228
--color-nav-hover-bg: #ebebeb;
229229
--color-nav-text: var(--color-text);
230230
--color-label-text: var(--color-text);
231-
--color-label-bg: #cacaca5b;
232-
--color-label-hover-bg: #cacacaa0;
233-
--color-label-active-bg: #cacacaff;
231+
--color-label-bg: #9d9d9d4b;
232+
--color-label-hover-bg: #9d9d9da0;
233+
--color-label-active-bg: #9d9d9dff;
234234
--color-accent: var(--color-primary-light-1);
235235
--color-small-accent: var(--color-primary-light-6);
236236
--color-active-line: #fffbdd;

0 commit comments

Comments
 (0)