71 lines
1.7 KiB
CSS
71 lines
1.7 KiB
CSS
/*
|
|
* BLUE
|
|
*/
|
|
:root {
|
|
--c-blue-primary: #adc6ff;
|
|
--c-blue-on-primary: #002e69;
|
|
--c-blue-primary-container: #0e448e;
|
|
--c-blue-on-primary-container: #d8e2ff;
|
|
--c-blue-background: #1b1b1f;
|
|
--c-blue-on-background: #e3e2e6;
|
|
--c-blue-surface: #1b1b1f;
|
|
--c-blue-on-surface: #e3e2e6;
|
|
--c-blue-outline: #8e9099;
|
|
--c-blue-surface-variant: #44474f;
|
|
--c-blue-on-surface-variant: #c4c6d0;
|
|
|
|
--c-blue-success: #7cdc6d;
|
|
--c-blue-on-success: #003a02;
|
|
}
|
|
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
--c-blue-primary: #315da8;
|
|
--c-blue-on-primary: #ffffff;
|
|
--c-blue-primary-container: #d8e2ff;
|
|
--c-blue-on-primary-container: #001a41;
|
|
--c-blue-background: #fefbff;
|
|
--c-blue-on-background: #1b1b1f;
|
|
--c-blue-surface: #fefbff;
|
|
--c-blue-on-surface: #1b1b1f;
|
|
--c-blue-outline: #74777f;
|
|
--c-blue-surface-variant: #e1e2ec;
|
|
--c-blue-on-surface-variant: #44474f;
|
|
|
|
--c-blue-success: #006e08;
|
|
--c-blue-on-success: #ffffff;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
:root {
|
|
--c-error: #ffb4ab;
|
|
--c-on-error: #690005;
|
|
--c-error-container: #93000a;
|
|
--c-on-error-container: #ffdad6;
|
|
|
|
--c-outline-50: rgba(143, 144, 154, 0.5);
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
--c-error: #ba1a1a;
|
|
--c-on-error: #ffffff;
|
|
--c-error-container: #ffdad6;
|
|
--c-on-error-container: #410002;
|
|
|
|
--c-outline-50: rgba(118, 118, 128, 0.5);
|
|
}
|
|
}
|
|
|
|
|
|
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; |