Variables exist for a reason

This commit is contained in:
Nox Sluijtman 2023-08-21 03:41:41 +02:00
parent 93856ba8a1
commit 211fcc11a0

View file

@ -1,11 +1,14 @@
:root{
--fg:#E60073;
}
::selection{ ::selection{
color: black; color: black;
background-color: #E60073; background-color: var(--fg);
} }
body { body {
background: black; background: black;
color: #E60073; color: var(--fg);
font-family: monospace; font-family: monospace;
font-size: 1.2em; font-size: 1.2em;
margin:0; margin:0;
@ -16,13 +19,13 @@ summary{cursor:pointer;}
summary:hover{ summary:hover{
filter: url(#chroma); filter: url(#chroma);
color: black; color: black;
background-color: #E60073; background-color: var(--fg);
} }
summary:hover:active{ filter: url(#chromaClick) } summary:hover:active{ filter: url(#chromaClick) }
a{ a{
color: #E60073; color: var(--fg);
text-decoration: none; text-decoration: none;
} }
@ -36,14 +39,14 @@ a::before{ content: '['; }
a:hover{ a:hover{
color: black; color: black;
background-color: #E60073; background-color: var(--fg);
position:relative; position:relative;
filter: url(#chroma); filter: url(#chroma);
} }
a:hover::selection{ a:hover::selection{
background-color: black; background-color: black;
color: #E60073; color: var(--fg);
} }
.postImage a::before{ content: none; } .postImage a::before{ content: none; }
@ -76,7 +79,7 @@ a.anchor{visibility: hidden; text-decoration: none;}
h1:target::before,h2:target::before,h3:target::before,h4:target::before,h5:target::before,h6:target::before{content:"> "; } h1:target::before,h2:target::before,h3:target::before,h4:target::before,h5:target::before,h6:target::before{content:"> "; }
h1:hover>a,h2:hover>a,h3:hover>a,h4:hover>a,h5:hover>a,h6:hover>a{visibility:visible;} h1:hover>a,h2:hover>a,h3:hover>a,h4:hover>a,h5:hover>a,h6:hover>a{visibility:visible;}
h1:target>a,h2:target>a,h3:target>a,h4:target>a,h5:target>a,h6:target>a{color:black; visibility:visible;} h1:target>a,h2:target>a,h3:target>a,h4:target>a,h5:target>a,h6:target>a{color:black; visibility:visible;}
:target{color:black; background-color: #E60073;} :target{color:black; background-color: var(--fg);}
footer{ footer{
text-align: center; text-align: center;