mirrors
/
forgejo
mirror of
1
Fork 0
Code Issues Releases Activity

[BRANDING] Update forgejo theme 

- Inlcude a103b79f60 and
1b2cd4c4e1 and
376c0e25f7 and 023e937141
into the Forgejo theme.
- Fix tooltips not being visual, due to missing background color.
- Fix labels not having a background color.
- Fix modals not having a dimmed background.
- Fix no syntax highlighting on Forgejo light due to missing imports.
- Incorporate feedback from
https://codeberg.org/forgejo/forgejo/issues/1117 to make the labels
stand out less.

(cherry picked from commit bc21dc21e1)
This commit is contained in:
Gusted 2023-11-14 21:49:37 +01:00 committed by Earl Warren
parent e6e452811d
commit 82323c09cc
No known key found for this signature in database
GPG Key ID: 0579CB2928A78A00
2 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -212,13 +212,18 @@
/* should ideally be --color-text-dark, see #15651 */
--color-reaction-bg: #ffffff12;
--color-reaction-active-bg: var(--color-primary-alpha-30);
--color-tooltip-text: #ffffff;
--color-tooltip-bg: #000000f0;
--color-nav-bg: var(--steel-900);
--color-nav-hover-bg: var(--steel-600);
--color-label-active-bg: #4c525e;
--color-label-text: #fff;
--color-label-bg: #393939;
--color-label-hover-bg: #5f5f5f;
--color-label-active-bg: #4c4c4c;
--color-accent: var(--color-primary-light-1);
--color-small-accent: var(--color-primary-light-5);
--color-active-line: var(--color-primary-alpha-20);
--color-overlay-backdrop: #080808c0;
accent-color: var(--color-accent);
color-scheme: dark;
}

10
web_src/css/themes/theme-forgejo-light.css
View File

@ -1,3 +1,6 @@
@import "../chroma/light.css";
@import "../codemirror/light.css";
:root {
--steel-900: #10161D;
--steel-850: #131A21;
@ -227,12 +230,17 @@
/* should ideally be --color-text-dark, see #15651 */
--color-reaction-bg: #0000000a;
--color-reaction-active-bg: var(--color-primary-alpha-20);
--color-tooltip-text: #ffffff;
--color-tooltip-bg: #000000f0;
--color-nav-bg: var(--zinc-100);
--color-nav-hover-bg: var(--zinc-300);
--color-label-active-bg: #4c525e;
--color-label-bg: #cacaca5b;
--color-label-hover-bg: #cacacaa0;
--color-label-active-bg: #cacacaff;
--color-accent: var(--color-primary-light-1);
--color-small-accent: var(--color-primary-light-5);
--color-active-line: var(--color-primary-light-6);
--color-overlay-backdrop: #080808c0;
accent-color: var(--color-accent);
color-scheme: light;
}