foster/forgejo
1
0
Fork 0
mirror of https://codeberg.org/forgejo/forgejo.git synced 2024-12-27 13:39:19 -05:00
Code Issues Wiki Activity

[THEME] Use better color for labels/counters

Browse source 
- improves contrast
- looks good
- improves consistency with other label-y elements

(cherry picked from commit a245fb5c83)
This commit is contained in:
0ko 2024-03-31 21:26:06 +05:00 committed by GitHub
parent 594c9c4570
commit 0f2e315b02
3 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web_src/css/base.css
View file

@ -1222,6 +1222,10 @@ overflow-menu .ui.label {
color: var(--color-label-text); color: var(--color-label-text);
} }
.ui.menu .active.item > .label {
background: var(--color-label-bg-alt, var(--color-label-bg));
}
.lines-blame-btn { .lines-blame-btn {
padding: 0 0 0 5px; padding: 0 0 0 5px;
display: flex; display: flex;

7
web_src/css/themes/theme-forgejo-dark.css
View file

@ -225,9 +225,10 @@
--color-nav-bg: var(--steel-900); --color-nav-bg: var(--steel-900);
--color-nav-hover-bg: var(--steel-600); --color-nav-hover-bg: var(--steel-600);
--color-label-text: #fff; --color-label-text: #fff;
--color-label-bg: #cacaca5b; --color-label-bg: var(--steel-600);
--color-label-hover-bg: #cacacaa0; --color-label-hover-bg: var(--steel-550);
--color-label-active-bg: #cacacaff; --color-label-active-bg: var(--steel-500);
--color-label-bg-alt: var(--steel-550);
--color-accent: var(--color-primary-light-1); --color-accent: var(--color-primary-light-1);
--color-small-accent: var(--color-primary-light-5); --color-small-accent: var(--color-primary-light-5);
--color-highlight-fg: var(--color-primary-light-4); --color-highlight-fg: var(--color-primary-light-4);

1
web_src/css/themes/theme-forgejo-light.css
View file

@ -245,6 +245,7 @@
--color-label-bg: #cacaca5b; --color-label-bg: #cacaca5b;
--color-label-hover-bg: #cacacaa0; --color-label-hover-bg: #cacacaa0;
--color-label-active-bg: #cacacaff; --color-label-active-bg: #cacacaff;
--color-label-bg-alt: #cacacaff;
--color-accent: var(--color-primary-light-1); --color-accent: var(--color-primary-light-1);
--color-small-accent: var(--color-primary-light-5); --color-small-accent: var(--color-primary-light-5);
--color-highlight-fg: var(--color-primary-light-4); --color-highlight-fg: var(--color-primary-light-4);