86 lines
2.1 KiB
CSS
86 lines
2.1 KiB
CSS
:root,
|
|
body.light {
|
|
--primary:#bb1614;
|
|
--on-primary:#ffffff;
|
|
--primary-container:#ffdad5;
|
|
--on-primary-container:#410001;
|
|
--secondary:#775652;
|
|
--on-secondary:#ffffff;
|
|
--secondary-container:#ffdad5;
|
|
--on-secondary-container:#2c1512;
|
|
--tertiary:#705c2e;
|
|
--on-tertiary:#ffffff;
|
|
--tertiary-container:#fcdfa6;
|
|
--on-tertiary-container:#261a00;
|
|
--error:#ba1a1a;
|
|
--on-error:#ffffff;
|
|
--error-container:#ffdad6;
|
|
--on-error-container:#410002;
|
|
--background:#fffbff;
|
|
--on-background:#201a19;
|
|
--surface:#fff8f7;
|
|
--on-surface:#201a19;
|
|
--surface-variant:#f5ddda;
|
|
--on-surface-variant:#534341;
|
|
--outline:#857370;
|
|
--outline-variant:#d8c2be;
|
|
--shadow:#000000;
|
|
--scrim:#000000;
|
|
--inverse-surface:#362f2e;
|
|
--inverse-on-surface:#fbeeec;
|
|
--inverse-primary:#ffb4a9;
|
|
--surface-dim:#e4d7d5;
|
|
--surface-bright:#fff8f7;
|
|
--surface-container-lowest:#ffffff;
|
|
--surface-container-low:#fef1ef;
|
|
--surface-container:#f8ebe9;
|
|
--surface-container-high:#f3e5e3;
|
|
--surface-container-highest:#ede0de;
|
|
}
|
|
|
|
body.dark {
|
|
--primary:#ffb4a9;
|
|
--on-primary:#690002;
|
|
--primary-container:#930005;
|
|
--on-primary-container:#ffdad5;
|
|
--secondary:#e7bdb7;
|
|
--on-secondary:#442926;
|
|
--secondary-container:#5d3f3b;
|
|
--on-secondary-container:#ffdad5;
|
|
--tertiary:#dfc38c;
|
|
--on-tertiary:#3e2e04;
|
|
--tertiary-container:#574419;
|
|
--on-tertiary-container:#fcdfa6;
|
|
--error:#ffb4ab;
|
|
--on-error:#690005;
|
|
--error-container:#93000a;
|
|
--on-error-container:#ffb4ab;
|
|
--background:#201a19;
|
|
--on-background:#ede0de;
|
|
--surface:#181211;
|
|
--on-surface:#ede0de;
|
|
--surface-variant:#534341;
|
|
--on-surface-variant:#d8c2be;
|
|
--outline:#a08c89;
|
|
--outline-variant:#534341;
|
|
--shadow:#000000;
|
|
--scrim:#000000;
|
|
--inverse-surface:#ede0de;
|
|
--inverse-on-surface:#362f2e;
|
|
--inverse-primary:#bb1614;
|
|
--surface-dim:#181211;
|
|
--surface-bright:#3f3736;
|
|
--surface-container-lowest:#120d0c;
|
|
--surface-container-low:#201a19;
|
|
--surface-container:#251e1d;
|
|
--surface-container-high:#2f2827;
|
|
--surface-container-highest:#3b3332;
|
|
}
|
|
|
|
.loading-indicator
|
|
{
|
|
position: absolute;
|
|
top: 50vh;
|
|
left: 50vw;
|
|
transform: translate(-50%, -50%);
|
|
} |