Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-05-04 03:49:39 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

frontend: add color theme & theme switcher

Browse source
This commit is contained in:
Kentai Radiquum 2024-04-19 22:58:45 +05:00
parent 84b13a2c80
commit b8878c4fb8
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
7 changed files with 192 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

83
frontend/app/globals.css
View file

@ -11,3 +11,86 @@ body {
text-wrap: balance;
}
}
body, nav.left{
transition: background .2s;
transform-origin: left;
}
body.light.light {
--primary: #bc004b;
--on-primary: #ffffff;
--primary-container: #ffd9de;
--on-primary-container: #400014;
--secondary: #75565b;
--on-secondary: #ffffff;
--secondary-container: #ffd9de;
--on-secondary-container: #2c1519;
--tertiary: #795831;
--on-tertiary: #ffffff;
--tertiary-container: #ffddba;
--on-tertiary-container: #2b1700;
--error: #ba1a1a;
--on-error: #ffffff;
--error-container: #ffdad6;
--on-error-container: #410002;
--background: #fffbff;
--on-background: #201a1b;
--surface: #fff8f7;
--on-surface: #201a1b;
--surface-variant: #f3dddf;
--on-surface-variant: #524345;
--outline: #847375;
--outline-variant: #d6c2c3;
--shadow: #000000;
--scrim: #000000;
--inverse-surface: #362f2f;
--inverse-on-surface: #fbeeee;
--inverse-primary: #ffb2be;
--surface-dim: #e3d7d8;
--surface-bright: #fff8f7;
--surface-container-lowest: #ffffff;
--surface-container-low: #fdf1f1;
--surface-container: #f8ebeb;
--surface-container-high: #f2e5e6;
--surface-container-highest: #ece0e0;
}
body.dark.dark {
--primary: #ffb2be;
--on-primary: #660025;
--primary-container: #900038;
--on-primary-container: #ffd9de;
--secondary: #e5bdc2;
--on-secondary: #43292d;
--secondary-container: #5c3f43;
--on-secondary-container: #ffd9de;
--tertiary: #ebbf90;
--on-tertiary: #452b08;
--tertiary-container: #5f411c;
--on-tertiary-container: #ffddba;
--error: #ffb4ab;
--on-error: #690005;
--error-container: #93000a;
--on-error-container: #ffb4ab;
--background: #201a1b;
--on-background: #ece0e0;
--surface: #181213;
--on-surface: #ece0e0;
--surface-variant: #524345;
--on-surface-variant: #d6c2c3;
--outline: #9f8c8e;
--outline-variant: #524345;
--shadow: #000000;
--scrim: #000000;
--inverse-surface: #ece0e0;
--inverse-on-surface: #362f2f;
--inverse-primary: #bc004b;
--surface-dim: #181213;
--surface-bright: #3f3738;
--surface-container-lowest: #120d0d;
--surface-container-low: #201a1b;
--surface-container: #241e1f;
--surface-container-high: #2f2829;
--surface-container-highest: #3a3334;
}