karaolidis/caldwell
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add dark mode

Browse Source 
Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>
This commit is contained in:
Nick Karaolidis
2025-08-06 09:44:27 +02:00
parent 44e00b55cf
commit 004a20caac
3 changed files with 30 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
assets/sass/main.scss
View File

@@ -1,11 +1,32 @@
@import "variables";
: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:
system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
line-height: 1.5;
font-family: var(--font-family);
line-height: var(--line-height);
background: var(--color-bg);
color: var(--color-fg);
}
@import "header";