Add dark mode
This commit is contained in:
parent
5e210e14bd
commit
7235df0a97
14 changed files with 304 additions and 139 deletions
|
|
@ -10,6 +10,30 @@ body,
|
|||
padding: 0;
|
||||
}
|
||||
|
||||
html.dark {
|
||||
background-color: #1c1917;
|
||||
color-scheme: dark;
|
||||
}
|
||||
|
||||
/* Smooth theme transitions (scoped to avoid map performance issues) */
|
||||
body,
|
||||
div,
|
||||
aside,
|
||||
section,
|
||||
header,
|
||||
nav,
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
label,
|
||||
span,
|
||||
p,
|
||||
h1,
|
||||
h2,
|
||||
h3 {
|
||||
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
|
||||
}
|
||||
|
||||
/* Fade-in animation for homepage sections */
|
||||
.fade-in-section {
|
||||
opacity: 0;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue