front: DarkReader friendly CSS

This commit is contained in:
djmil 2023-10-20 10:55:16 +02:00
parent 35802ea6ad
commit 8d5cca6cfa
2 changed files with 23 additions and 7 deletions

View File

@ -16,22 +16,38 @@ nav {
flex-wrap: wrap; flex-wrap: wrap;
a { a {
/* color: #CCC; */ color: lightgray;
opacity: .3;
text-decoration: none; text-decoration: none;
transition: .25s ease; transition: .25s ease;
margin-left: 30px; margin-left: 30px;
margin-right: 30px; margin-right: 30px;
padding: 0.25rem 1rem;
} }
.active { .active {
opacity: 1; color: white;
box-shadow: 0 2px 0 0 currentcolor; border-radius: 2px;
background-color: cadetblue;
opacity: 80%;
padding: 0.25rem 1rem;
} }
a:hover:not(.active) { a:hover:not(.active) {
/* color: #000; */ color:cadetblue;
opacity: .5;
box-shadow: 0 1.5px 0 0 currentcolor;
} }
} }
[data-darkreader-scheme="dark"] nav {
a {
color: darkslategrey;
}
.active {
color: white;
box-shadow: 0 1.5px 0 0 currentcolor;
}
}