support dark mode
This commit is contained in:
parent
b5d9076a85
commit
21de19527e
1 changed files with 10 additions and 4 deletions
|
@ -46,13 +46,11 @@ nav {
|
|||
a {
|
||||
color: var(--color-theme-1);
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid transparent;
|
||||
transition-property: border-color;
|
||||
transition-duration: 0.5s;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
border-color: var(--color-theme-1);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
nav a {
|
||||
|
@ -65,5 +63,13 @@ nav a {
|
|||
|
||||
nav a:hover,
|
||||
nav a.active {
|
||||
color: black;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
background-color: hsl(205.18, 14.29%, 10.94%);
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue