A screenshot of the following CSS code in a text editor with the Nord color scheme:
:root {
color-scheme: light dark;
--text: light-dark(#444, #bbb);
--link: light-dark(#0076d1, #e27a11);
}
body {
color: var(--text);
}
a {
color: var(--link);
text-underline-offset: 0.2em;
text-decoration-thickness: 1px;
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-dark(#ccc, #333);
}
