55 lines
1.4 KiB
CSS
55 lines
1.4 KiB
CSS
|
:root {
|
||
|
--c-primary: #b6c4ff;
|
||
|
--c-on-primary: #00287d;
|
||
|
--c-primary-container: #003baf;
|
||
|
--c-on-primary-container: #dce1ff;
|
||
|
--c-error: #ffb4ab;
|
||
|
--c-on-error: #690005;
|
||
|
--c-error-container: #93000a;
|
||
|
--c-on-error-container: #ffdad6;
|
||
|
--c-background: #1b1b1f;
|
||
|
--c-on-background: #e4e1e6;
|
||
|
--c-surface: #1b1b1f;
|
||
|
--c-on-surface: #e4e1e6;
|
||
|
--c-outline: #8f909a;
|
||
|
--c-surface-variant: #45464f;
|
||
|
--c-on-surface-variant: #c6c6d0;
|
||
|
|
||
|
--c-success: #78da9f;
|
||
|
--c-on-success: #00391f;
|
||
|
}
|
||
|
|
||
|
@media (prefers-color-scheme: light) {
|
||
|
:root {
|
||
|
--c-primary: #2a55cb;
|
||
|
--c-on-primary: #ffffff;
|
||
|
--c-primary-container: #dce1ff;
|
||
|
--c-on-primary-container: #00164f;
|
||
|
--c-error: #ba1a1a;
|
||
|
--c-on-error: #ffffff;
|
||
|
--c-error-container: #ffdad6;
|
||
|
--c-on-error-container: #410002;
|
||
|
--c-background: #fefbff;
|
||
|
--c-on-background: #1b1b1f;
|
||
|
--c-surface: #fefbff;
|
||
|
--c-on-surface: #1b1b1f;
|
||
|
--c-outline: #767680;
|
||
|
--c-surface-variant: #e2e1ec;
|
||
|
--c-on-surface-variant: #45464f;
|
||
|
|
||
|
--c-success: #006d40;
|
||
|
--c-on-success: #ffffff;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
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;
|