style(website): general dark theme

This commit is contained in:
Elian Doran 2025-09-26 23:44:07 +03:00
parent 7990c60ce7
commit 4afceeca79
No known key found for this signature in database
2 changed files with 14 additions and 6 deletions

View File

@ -2,7 +2,7 @@ header {
padding: 1em;
position: sticky;
top: 0;
background: rgba(255, 255, 255, 0.75);
background: var(--header-background-color);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
backdrop-filter: blur(20px);
z-index: 1000;

View File

@ -1,10 +1,18 @@
:root {
--card-bg: #fff;
--background-color: #fff;
--foreground-color: black;
--header-background-color: rgba(255, 255, 255, 0.75);
--brand-1: #e47b19;
--brand-2: #4fa52b;
--brand-3: #e33f3b;
--bg-dark: #0a0e14;
--text-on-dark: #ffffff;
}
@media (prefers-color-scheme: dark) {
:root {
--foreground-color: #fff;
--background-color: #0a0e14;
--header-background-color: rgba(0, 0, 0, 0.75);
}
}
html,
@ -16,8 +24,8 @@ body {
body {
font-family: sans-serif;
background: white;
color: black;
background: var(--background-color);
color: var(--foreground-color);
}
a {