thepaperpilot/forgejo
1
0
Fork 0
Code Issues Pull requests Releases Activity Actions

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

Browse source 
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)
(cherry picked from commit 4ccf8b62e4)
(cherry picked from commit 9f932d4cbc)
This commit is contained in:
Earl Warren 2023-06-21 02:03:30 +02:00
parent f2ecd46d96
commit 7565c91698
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-toggle-background: var(--steel-650);
--color-input-border: var(--steel-550); --color-input-border: var(--steel-550);
--color-input-border-hover: var(--steel-450); --color-input-border-hover: var(--steel-450);
--color-navbar: var(--steel-850); --color-header-wrapper: var(--steel-850);
--color-navbar-transparent: #242D3800; --color-header-wrapper-transparent: #242D3800;
--color-light: #00000028; --color-light: #00000028;
--color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
--color-light-border: #ffffff28; --color-light-border: #ffffff28;
@ -182,7 +182,8 @@
/* should ideally be --color-text-dark, see #15651 */ /* should ideally be --color-text-dark, see #15651 */
--color-reaction-bg: #ffffff12; --color-reaction-bg: #ffffff12;
--color-reaction-active-bg: var(--color-primary-alpha-30); --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-active-bg: #4c525e;
--color-label-text: #fff; --color-label-text: #fff;
--color-accent: var(--color-primary-light-1); --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-toggle-background: #fff;
--color-input-border: var(--zinc-300); --color-input-border: var(--zinc-300);
--color-input-border-hover: var(--zinc-400); --color-input-border-hover: var(--zinc-400);
--color-navbar: var(--zinc-50); --color-header-wrapper: var(--zinc-50);
--color-navbar-transparent: #D2E0F000; --color-header-wrapper-transparent: #D2E0F000;
--color-light: #ffffffcc; --color-light: #ffffffcc;
--color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled))); --color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled)));
--color-light-border: #0000001d; --color-light-border: #0000001d;
@ -197,7 +197,8 @@
/* should ideally be --color-text-dark, see #15651 */ /* should ideally be --color-text-dark, see #15651 */
--color-reaction-bg: #0000000a; --color-reaction-bg: #0000000a;
--color-reaction-active-bg: var(--color-primary-alpha-20); --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-label-active-bg: #4c525e;
--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);