Skip to content

Dark-mode button contrast, landing headline, page trims - #4

Merged
kastnerp merged 1 commit into
mainfrom
dev
Aug 11, 2026
Merged

Dark-mode button contrast, landing headline, page trims#4
kastnerp merged 1 commit into
mainfrom
dev

Conversation

@kastnerp

Copy link
Copy Markdown
Member
  • Dark mode: outline button was ~1:1 against the page background; primary button's fill was invisible. Both pinned per scheme.
  • Landing: visible Mycelium headline (was .sr-only); How It Works removed, covered in the docs.
  • Download: version block was a table with an empty header row → definition list.
  • Gallery / Versions / FAQ: nav tree hidden.

Material derives both button variants from --md-primary-fg-color, which in the
slate scheme is the near-black green the header needs (#1c3128) and sits within
a hair of the slate page background (#1e2129): the outline button measured about
1:1 against it and the primary button's fill vanished, leaving only its label.
Dark mode now inverts the call to action to a light fill. The earlier
.md-button--primary rules never applied at all — Material's own selectors carry
.md-typeset and outrank a bare class.

Landing page: the wordmark was screen-reader-only, so the page had no visible
headline; How It Works is dropped in favour of the documentation, which covers
the algorithm properly.

Download: the version block was a table with an empty header row, because
Markdown requires one and the columns have no names. It is a key/value spec
sheet, so it is a definition list now.

Gallery, versions and FAQ hide the nav tree — five top-level pages, and the tab
bar already covers moving between them.
@kastnerp
kastnerp merged commit 6566edf into main Aug 11, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant