Move darkreader code to general css

This commit is contained in:
Emi Simpson 2021-12-05 11:43:06 -05:00
parent 1faea19f71
commit f5c433e524
Signed by: Emi
GPG key ID: A12F2C2FFDC3D847
2 changed files with 52 additions and 52 deletions

View file

@ -37,3 +37,55 @@ footer {
align-items: center; align-items: center;
padding-bottom: 50px; padding-bottom: 50px;
} }
/*******************
* Fuck Darkreader *
*******************/
html[data-darkreader-mode] body > :not(#disable-darkreader-popup) {
display: none;
}
html:not([data-darkreader-mode]) #disable-darkreader-popup {
display: none;
}
html[data-darkreader-mode] #disable-darkreader-popup {
display: grid;
}
#disable-darkreader-popup {
font-family: Avara Bold;
position:absolute;
min-height: 100%;
width: 100%;
justify-items: center;
align-content: center;
background: radial-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,0.5));
}
#darkreader-why > summary{
list-style-type: none;
color: #AA89FD;
}
#darkreader-why > summary:hover {
text-decoration: underline;
}
#darkreader-why[open] > summary{
display: none;
}
#darkreader-why[open] {
font-family: Fengardo Neue;
max-width: 500px;
margin: 0 40px;
}
#darkreader-why > section {
margin: 50px 0;
}
.dark-a11y {
background-color: black;
padding: 10px;
font-weight: bold;
color: white;
text-align: center;
display: block;
font-size: 1.1em;
}
.dark-a11y:not(:hover) {
text-decoration: none;
}

View file

@ -188,55 +188,3 @@ main > section {
svg { svg {
fill: currentColor; fill: currentColor;
} }
/*******************
* Fuck Darkreader *
*******************/
html[data-darkreader-mode] body > :not(#disable-darkreader-popup) {
display: none;
}
html:not([data-darkreader-mode]) #disable-darkreader-popup {
display: none;
}
html[data-darkreader-mode] #disable-darkreader-popup {
display: grid;
}
#disable-darkreader-popup {
font-family: Avara Bold;
position:absolute;
min-height: 100%;
width: 100%;
justify-items: center;
align-content: center;
background: radial-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,0.5));
}
#darkreader-why > summary{
list-style-type: none;
color: #AA89FD;
}
#darkreader-why > summary:hover {
text-decoration: underline;
}
#darkreader-why[open] > summary{
display: none;
}
#darkreader-why[open] {
font-family: Fengardo Neue;
max-width: 500px;
margin: 0 40px;
}
#darkreader-why > section {
margin: 50px 0;
}
.dark-a11y {
background-color: black;
padding: 10px;
font-weight: bold;
color: white;
text-align: center;
display: block;
font-size: 1.1em;
}
.dark-a11y:not(:hover) {
text-decoration: none;
}