I recently decided to add support for light and dark color schemes to this site. Modern CSS makes this surprisingly painless: :root { color-scheme: light dark; --text: light-dark(#444, #bbb); --link: light-dark(#0076d1, #e27a11); } body { color: var(--text); } a { color: var(--link); text-decoration-color: oklch(from currentColor l c h / 50%); &:visited { color: oklch(from var(--link) calc(l - 0.3) c h); } } blockquote { background: light-dark(#f9f9f9, #1a1a1a); border-left: 10px solid light-...
