mirror of
https://github.com/Radiquum/AniX.git
synced 2025-04-06 00:04:39 +00:00
96 lines
No EOL
2.3 KiB
CSS
96 lines
No EOL
2.3 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
body {
|
|
min-height: 100dvh;
|
|
}
|
|
|
|
@layer utilities {
|
|
.text-balance {
|
|
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;
|
|
} |