Add color theme

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>
This commit is contained in:
2025-08-06 09:59:41 +02:00
parent 004a20caac
commit d906171b37
3 changed files with 162 additions and 30 deletions

View File

@@ -1,32 +1,4 @@
:root {
--color-bg: #ffffff;
--color-fg: #111111;
--color-accent: #007acc;
--width-mobile: 32rem;
--width-content: 48rem;
--width-max: 60rem;
--line-height: 1.5;
--font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
@media (prefers-color-scheme: dark) {
:root {
--color-bg: #121212;
--color-fg: #f5f5f5;
--color-accent: #4dabf7;
}
}
html {
font-size: 100%;
font-family: var(--font-family);
line-height: var(--line-height);
background: var(--color-bg);
color: var(--color-fg);
}
@import "colors";
@import "fonts";
@import "header";