1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-27 14:12:09 +00:00
seirdy.one/themes/etch-custom/assets/css/dark.css
Rohan Kumar 1e7b2008e8
Indieweb: add u-photo and h-entry where relevant
Inspired by the h-entry implementation on Charlie Owen's personal
website: https://whalecoiner.com

The u-photo re-uses the 32px favicon that the browser has already
cached, so it shouldn't bloat up the page anymore.

These changes required a bit of additional CSS. I snuck in come color
changes too.
2020-12-29 15:06:51 -08:00

30 lines
353 B
CSS

@media (prefers-color-scheme: dark) {
html {
background: #000;
color: #fff;
}
/* IndieWeb u-photo should be distinct from the background */
.u-photo {
-webkit-filter: invert(100%);
filter: invert(100%);
}
a {
color: #4af;
}
a:visited {
color: #d7f;
}
a:active {
color: #f33;
}
pre,
code,
hr {
border-color: #333;
}
}