47 lines
1.1 KiB
CSS
47 lines
1.1 KiB
CSS
|
/*
|
||
|
|
Base colors :D
|
||
|
|
*/
|
||
|
|
@media (prefers-color-scheme: light) {
|
||
|
|
:root {
|
||
|
|
--c-primary: #895100;
|
||
|
|
--c-on-primary: #ffffff;
|
||
|
|
--c-primary-container: #ffdcbd;
|
||
|
|
--c-on-primary-container: #2c1600;
|
||
|
|
--c-background: #fffbff;
|
||
|
|
--c-on-background: #fffbff;
|
||
|
|
--c-surface: #fffbff;
|
||
|
|
--c-on-surface: #201b16;
|
||
|
|
--c-outline: #837568;
|
||
|
|
--c-surface-variant: #f2dfd0;
|
||
|
|
--c-on-surface-variant: #50453a;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
:root {
|
||
|
|
--c-primary: #ffb86d;
|
||
|
|
--c-on-primary: #492900;
|
||
|
|
--c-primary-container: #683c00;
|
||
|
|
--c-on-primary-container: #ffdcbd;
|
||
|
|
--c-error: #ffb4ab;
|
||
|
|
--c-on-error: #690005;
|
||
|
|
--c-error-container: #93000a;
|
||
|
|
--c-on-error-container: #ffdad6;
|
||
|
|
--c-background: #201b16;
|
||
|
|
--c-on-background: #ebe1d9;
|
||
|
|
--c-surface: #201b16;
|
||
|
|
--c-on-surface: #ebe1d9;
|
||
|
|
--c-outline: #9d8e81;
|
||
|
|
--c-surface-variant: #50453a;
|
||
|
|
--c-on-surface-variant: #d5c3b5;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
background-color: var(--c-background);
|
||
|
|
color: var(--c-on-background);
|
||
|
|
font-family: Inter, "Inter Nerd Font", sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
@tailwind base;
|
||
|
|
@tailwind components;
|
||
|
|
@tailwind utilities;
|