feat: support du light theme
All checks were successful
continuous-integration/drone Build is passing
All checks were successful
continuous-integration/drone Build is passing
This commit is contained in:
parent
1635899e6b
commit
b35424b8db
1 changed files with 14 additions and 2 deletions
|
@ -33,6 +33,8 @@
|
|||
--background-color: #212529;
|
||||
--background-color-alt: #343a40;
|
||||
--text-color: #e9ecef;
|
||||
--background-btn: rgba(255 255 255 / 10%);
|
||||
--hover: rgba(255 255 255 / 30%);
|
||||
|
||||
--font-family: Inter,
|
||||
-apple-system,
|
||||
|
@ -53,6 +55,16 @@
|
|||
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;
|
||||
}
|
||||
|
@ -117,7 +129,7 @@ nav a, a.btn {
|
|||
}
|
||||
|
||||
nav, .btn {
|
||||
background-color: rgba(255 255 255 / 10%);
|
||||
background-color: var(--background-btn);
|
||||
}
|
||||
|
||||
a {
|
||||
|
@ -128,7 +140,7 @@ a {
|
|||
}
|
||||
|
||||
a:hover {
|
||||
background-color: rgba(255 255 255 / 30%);
|
||||
background-color: var(--hover);
|
||||
}
|
||||
|
||||
.header-anchor {
|
||||
|
|
Loading…
Reference in a new issue