@ -1,12 +1,26 @@
/*$background: #f9f9f9ff;*/
: root {
--color-background : # f9f9f9 ;
--color-text : # 000000 ;
--color-text-subdued : # 4f4e4e ;
--color-text-attention : teal ;
}
@ media ( prefers-color-scheme : dark ) {
: root {
--color-background : # 111111 ;
--color-text : # f9f9f9 ;
--color-text-subdued : # cccccc ;
--color-text-attention : teal ;
}
}
* {
box-sizing : border-box ;
}
html , body {
/* background-color: rgb(248, 249, 236); */
background-color : # f9f9f9ff ;
color : var ( --color-text ) ;
background : var ( --color-background ) ;
font-family : sans-serif ;
padding : 0 ;
min-height : 100 % ;
@ -47,7 +61,7 @@ header .logoContainer .siteTag {
right : 0 ;
bottom : 0 ;
color : teal ;
color : var( --color-text-attention ) ;
font-size : 1 . 3em ;
}
@ -73,7 +87,10 @@ footer {
grid-area : footer ;
border-top : 1px solid black ;
height : 2em ;
background-color : # f9f9f9ff ;
}
main a , footer a {
color : var ( --color-text-attention ) ;
}
. counter {
@ -84,8 +101,8 @@ footer {
}
. staticContent {
margin : 0 2em ;
max-width : 900px ;
margin : 0 2em ;
max-width : 900px ;
}
. linkSpacer {