96 lines
2.1 KiB
CSS
96 lines
2.1 KiB
CSS
|
:root,html,
|
||
|
|
body {
|
||
|
|
--primary:#ffb4a8;
|
||
|
|
--on-primary:#690000;
|
||
|
|
--primary-container:#930100;
|
||
|
|
--on-primary-container:#ffdad4;
|
||
|
|
--secondary:#e7bdb6;
|
||
|
|
--on-secondary:#442925;
|
||
|
|
--secondary-container:#5d3f3b;
|
||
|
|
--on-secondary-container:#ffdad4;
|
||
|
|
--tertiary:#dec48c;
|
||
|
|
--on-tertiary:#3e2e04;
|
||
|
|
--tertiary-container:#564419;
|
||
|
|
--on-tertiary-container:#fbdfa6;
|
||
|
|
--error:#ffb4ab;
|
||
|
|
--on-error:#690005;
|
||
|
|
--error-container:#93000a;
|
||
|
|
--on-error-container:#ffb4ab;
|
||
|
|
--background:#201a19;
|
||
|
|
--on-background:#ede0dd;
|
||
|
|
--surface:#181211;
|
||
|
|
--on-surface:#ede0dd;
|
||
|
|
--surface-variant:#534341;
|
||
|
|
--on-surface-variant:#d8c2be;
|
||
|
|
--outline:#a08c89;
|
||
|
|
--outline-variant:#534341;
|
||
|
|
--shadow:#000000;
|
||
|
|
--scrim:#000000;
|
||
|
|
--inverse-surface:#ede0dd;
|
||
|
|
--inverse-on-surface:#362f2e;
|
||
|
|
--inverse-primary:#c00100;
|
||
|
|
--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;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (prefers-color-scheme: light) {
|
||
|
|
:root,html,
|
||
|
|
body {
|
||
|
|
--primary:#c00100;
|
||
|
|
--on-primary:#ffffff;
|
||
|
|
--primary-container:#ffdad4;
|
||
|
|
--on-primary-container:#410000;
|
||
|
|
--secondary:#775651;
|
||
|
|
--on-secondary:#ffffff;
|
||
|
|
--secondary-container:#ffdad4;
|
||
|
|
--on-secondary-container:#2c1512;
|
||
|
|
--tertiary:#705c2e;
|
||
|
|
--on-tertiary:#ffffff;
|
||
|
|
--tertiary-container:#fbdfa6;
|
||
|
|
--on-tertiary-container:#251a00;
|
||
|
|
--error:#ba1a1a;
|
||
|
|
--on-error:#ffffff;
|
||
|
|
--error-container:#ffdad6;
|
||
|
|
--on-error-container:#410002;
|
||
|
|
--background:#fffbff;
|
||
|
|
--on-background:#201a19;
|
||
|
|
--surface:#fff8f6;
|
||
|
|
--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:#ffb4a8;
|
||
|
|
--surface-dim:#e4d7d5;
|
||
|
|
--surface-bright:#fff8f6;
|
||
|
|
--surface-container-lowest:#ffffff;
|
||
|
|
--surface-container-low:#fef1ee;
|
||
|
|
--surface-container:#f8ebe9;
|
||
|
|
--surface-container-high:#f3e5e3;
|
||
|
|
--surface-container-highest:#ede0dd;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.horizonal
|
||
|
|
{
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
.vertical
|
||
|
|
{
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
}
|
||
|
|
.filler
|
||
|
|
{
|
||
|
|
flex-grow: 1;
|
||
|
|
}
|