:root { --mainbg: #ddf; --mainfg: #111; --altbg: #ccc; --link1: #aa4400; --link2: #dd8800; --link3: #dd7700; --accent1: #a63; --accent2: #9a9; --button1: #ffeeaa; --button2: #ddbb66; --codefg: #232; --codebg: #fff; --extlink: #466; } @media (prefers-color-scheme: dark) { :root { --mainbg: #001f2c; --mainfg: #ddf; --altbg: #102f4c; --link1: #dd7700; --link2: #ffaa00; --link3: #dd7700; --accent1: #731; --accent2: #67c; --button1: #662200; --button2: #aa4400; --codefg: #bcb; --codebg: #222; --extlink: #8dd; } } html body { background: #336699 url("/posts/sexless/flowers.png") repeat scroll top center; font-family: sans; } p { text-indent: 0; margin: 1em 0; }