| 1 | :where(html) {
|
| 2 | /* --brand: your-brand-color-here; */
|
| 3 |
|
| 4 | scrollbar-color: var(--scrollthumb-color) transparent;
|
| 5 | accent-color: var(--brand, var(--link));
|
| 6 | caret-color: var(--brand, var(--link));
|
| 7 | color: var(--text-2);
|
| 8 | background-color: var(--surface-1);
|
| 9 | }
|
| 10 |
|
| 11 | :where(h1, h2, h3, h4, h5, h6, dt) {
|
| 12 | color: var(--text-1);
|
| 13 | }
|
| 14 |
|
| 15 | :where(a[href]) {
|
| 16 | color: var(--brand, var(--link));
|
| 17 |
|
| 18 | &:visited {
|
| 19 | color: var(--link-visited);
|
| 20 | }
|
| 21 | }
|
| 22 |
|
| 23 | :focus-visible {
|
| 24 | outline-color: var(--brand, var(--link));
|
| 25 | }
|