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

[BRANDING] Add Forgejo light, dark, and auto themes (squash) variables 

Adapt to b6bcb79987 Improve notification
icon and navbar

Refs: https://codeberg.org/forgejo/forgejo/issues/893

[BRANDING] Add Forgejo light variables

Updates the Forgejo light theme with the changes in b6bcb7998

These are the same changes as made in 2574dbcff to the dark theme

Refs: forgejo/forgejo#893
(cherry picked from commit 6fa0d493a1)
This commit is contained in:
Earl Warren 2023-06-21 02:03:30 +02:00
parent f5d6dde5f2
commit 4ccf8b62e4
No known key found for this signature in database
GPG Key ID: 0579CB2928A78A00
2 changed files with 8 additions and 6 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

@ -156,8 +156,8 @@
--color-input-toggle-background: var(--steel-650);
--color-input-border: var(--steel-550);
--color-input-border-hover: var(--steel-450);
--color-navbar: var(--steel-850);
--color-navbar-transparent: #242D3800;
--color-header-wrapper: var(--steel-850);
--color-header-wrapper-transparent: #242D3800;
--color-light: #00000028;
--color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
--color-light-border: #ffffff28;
@ -182,7 +182,8 @@
/* should ideally be --color-text-dark, see #15651 */
--color-reaction-bg: #ffffff12;
--color-reaction-active-bg: var(--color-primary-alpha-30);
--color-header-bar: var(--steel-900);
--color-nav-bg: var(--steel-900);
--color-nav-hover-bg: var(--steel-900);
--color-label-active-bg: #4c525e;
--color-label-text: #fff;
--color-accent: var(--color-primary-light-1);

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

@ -171,8 +171,8 @@
--color-input-toggle-background: #fff;
--color-input-border: var(--zinc-300);
--color-input-border-hover: var(--zinc-400);
--color-navbar: var(--zinc-50);
--color-navbar-transparent: #D2E0F000;
--color-header-wrapper: var(--zinc-50);
--color-header-wrapper-transparent: #D2E0F000;
--color-light: #ffffffcc;
--color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled)));
--color-light-border: #0000001d;
@ -197,7 +197,8 @@
/* should ideally be --color-text-dark, see #15651 */
--color-reaction-bg: #0000000a;
--color-reaction-active-bg: var(--color-primary-alpha-20);
--color-header-bar: var(--zinc-100);
--color-nav-bg: var(--zinc-100);
--color-nav-hover-bg: var(--zinc-100);
--color-label-active-bg: #4c525e;
--color-accent: var(--color-primary-light-1);
--color-small-accent: var(--color-primary-light-5);