based.cooking/data/style.css
Byron Torres 6c9670a800
Decrease contrast in dark mode (#615)
* Decrease contrast in dark mode

* Adjust color to #ccc for improved contrast

Co-authored-by: Byron Torres <b@torresjrjr.com>
2021-05-08 15:05:45 -04:00

83 lines
943 B
CSS

body {
background: #151515 ;
color: #ccc ;
max-width: 800px ;
margin: auto ;
padding: 0 16px ;
margin-bottom: 500px ;
font-family: sans-serif ;
}
a {
color: lightblue ;
}
a:visited {
color: gray ;
}
h1 {
text-align: center ;
}
h2 {
color: tomato ;
}
footer {
text-align: center ;
}
img {
max-width: 600px ;
width: 100% ;
margin: auto ;
display: block ;
}
code {
overflow-wrap: break-word ;
color: lime ;
}
img[alt="BTC logo"],
img[alt="XMR Logo"] {
max-width: 1em ;
max-height: 1em ;
display: inline ;
}
@media (prefers-color-scheme: light) {
body {
background: white ;
color: black ;
}
a {
color: blue ;
}
a:visited {
color: purple ;
}
h2 {
color: inherit ;
}
code {
color: forestgreen ;
}
}
@media print {
a[href] {
text-decoration: none ;
color: black ;
}
}
@media (min-width: 55em) {
#artlist { column-count: 2 ;}
}
@media (min-width: 100em) {
#artlist { column-count: 3 ;}
}