feat: support du light theme
All checks were successful
continuous-integration/drone Build is passing

This commit is contained in:
Kazhnuz 2024-08-30 22:40:55 +02:00
parent 1635899e6b
commit b35424b8db

View file

@ -33,6 +33,8 @@
--background-color: #212529; --background-color: #212529;
--background-color-alt: #343a40; --background-color-alt: #343a40;
--text-color: #e9ecef; --text-color: #e9ecef;
--background-btn: rgba(255 255 255 / 10%);
--hover: rgba(255 255 255 / 30%);
--font-family: Inter, --font-family: Inter,
-apple-system, -apple-system,
@ -53,6 +55,16 @@
sans-serif; sans-serif;
} }
@media (prefers-color-scheme: light) {
:root {
--background-color: #f8f9fa;
--background-color-alt: #e9ecef;
--text-color: #212529;
--background-btn: rgba(0 0 0 / 5%);
--hover: rgba(0 0 0 / 10%);
}
}
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
@ -117,7 +129,7 @@ nav a, a.btn {
} }
nav, .btn { nav, .btn {
background-color: rgba(255 255 255 / 10%); background-color: var(--background-btn);
} }
a { a {
@ -128,7 +140,7 @@ a {
} }
a:hover { a:hover {
background-color: rgba(255 255 255 / 30%); background-color: var(--hover);
} }
.header-anchor { .header-anchor {