Skip to content

fix: tint only the points in dark mode, not the story titles #32

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ericboehs merged 2 commits into from
Aug 30, 2026
Merged

fix: tint only the points in dark mode, not the story titles #32

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
560d251
fix: tint only the points in dark mode, not the story titles
ericboehs Aug 30, 2026
9984414
docs: correct two comments about visited-link behaviour
ericboehs Aug 30, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 15 additions & 13 deletions views/layout.erb
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,19 +48,21 @@
/* Pure black rather than #222 so OLED pixels switch off entirely. */
html.hn-dark, html.hn-dark body { background-color: #000 }

/* .uk-light paints every link #fff, leaving a story title nearly
indistinguishable from the translucent white body text around it.
#58a6ff restores the link affordance and measures 8.3:1 on black
(WCAG AAA); UIkit's own #1e87f0 only reaches 5.8:1. */
.hn-dark .uk-light .story a,
.hn-dark .uk-light table a { color: #58a6ff }

/* Visited links in the listing stay dimmed, the way HN does it. */
.hn-dark .uk-light table a:visited { color: #999 }

/* .uk-light also forces .uk-text-primary to #fff !important, which
loses the high-score highlight completely. */
.hn-dark .uk-light .uk-text-primary { color: #58a6ff !important }
/* Only the points are tinted. Unvisited titles keep UIkit's
.uk-light white; visited ones stay grey via `table a:visited`
above. #58a6ff measures 8.3:1 on black (WCAG AAA); UIkit's own
#1e87f0 only reaches 5.8:1. */
.hn-dark .uk-light .points { color: #58a6ff }

/* .uk-light forces .uk-text-primary to #fff !important, so the
high-score variant has to be reclaimed with !important too. */
.hn-dark .uk-light .points.uk-text-primary { color: #58a6ff !important }

/* Keeps visited points grey: the two rules above are more specific
than the global `table a:visited` and would otherwise outrank it,
so clicked stories would stop dimming in dark mode only. Declared
last so it also beats the equally-specific !important rule. */
.hn-dark .uk-light .points:visited { color: #999 !important }

/* #DDD thread borders measure 15:1 on black, louder than the text
they sit beside. */
Expand Down
Loading