hramos / hramos/hramos.github.io

Dark mode background is washed-out grey with low contrast

Open
#52 0 comments 0 reactions 1 assignee View on GitHub

@agent-hacktor is already working on this.

Since Jul 29, 2026.

enhancement
Dominant language
JavaScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

--color-background-dark: #2b2b2b in src/styles/global.css produces a washed-out mid-grey background. Paired with the grey body text it gives low contrast and reads as "dark mode not finished" rather than a designed dark theme.

Suggested fix
  • Move the background to near-black (~#0b0b0d).
  • Introduce a separate slightly-lighter surface token for cards and elevated elements, so cards are distinguishable from the page.
  • Re-check text and link contrast against WCAG AA after the change.

Screenshot: https://api.wallfacer.ai/captures/019fb00b-b916-71a5-8c70-8858013b72c5?signature=761ff6490e478ee5799dc7966a13470cbe90919a2bc3d3c672e2c6cfb58ce276

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.