@media (prefers-color-scheme: dark) { html { /* "background" is short for a bunch of unnecessary CSS rules * background-color is all I need * I've been told that pure white on black is a bit harsh */ background-color: #0e0e0e; color: #eee; } /* Only color if it's a link; if href is empty, let it be. */ a:link { color: #fe8; } a:visited { color: #edc; } a:active { color: #c80; } :not(pre) > code { border-color: #555; } /* stylelint-disable -- hasn't heard of "prefers-contrast" yet */ @media (prefers-contrast: less) { /* stylelint-enable */ html { background-color: #222; } } }