Skip to content

Commit 8e17c22

Browse files
committed
Tone down footnote highlighting
Footnote refs blend into the text by default; the active one just uses regular text color instead of an intrusive background highlight.
1 parent 4b65a4d commit 8e17c22

1 file changed

Lines changed: 6 additions & 3 deletions

File tree

app/globals.css

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -61,12 +61,15 @@ html {
6161
text-decoration: none;
6262
padding: 0 0.15em;
6363
scroll-margin-top: 6rem;
64+
color: color-mix(in srgb, var(--foreground) 55%, transparent);
65+
}
66+
67+
.prose .footnote-ref:target {
68+
color: var(--foreground);
6469
}
6570

66-
.prose .footnote-ref:target,
6771
.prose .footnotes li:target {
68-
background-color: color-mix(in srgb, var(--foreground) 12%, transparent);
69-
border-radius: 0.2em;
72+
color: var(--foreground);
7073
}
7174

7275
.prose .footnotes {

0 commit comments

Comments
 (0)