front: DarkReader friendly CSS
This commit is contained in:
parent
35802ea6ad
commit
8d5cca6cfa
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user