feat/high-contrast-mode #28

Merged

nrupard merged 13 commits from feat/high-contrast-mode into main

2026-04-08 21:16:42 +02:00

nrupard commented

2026-04-02 22:00:57 +02:00

Member

Still needs to be tested in dev environment. Last commit was supposed to fix the breakage, but I ran out of time to test. (As of 4/2/26)

nrupard added 9 commits

2026-04-02 22:00:57 +02:00

docs: add high contrast mode design spec d99bc9bbcc

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

docs: add high contrast mode implementation plan c0b8aadc6a

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

feat: add .high-contrast CSS class for manual toggle 2c86a6efe5

feat: add HighContrastToggle component c7dfd5c2a5

feat: export high_contrast_toggle module 1a60c070db

feat: add high contrast toggle to navbar (desktop + mobile) ebf3722e9c

fix: add missing text-secondary override and use btn-icon class 45ccfbe8b8

- Add --color-text-secondary: #1a1a1a to body.high-contrast CSS
- Use existing btn-icon class for desktop toggle button consistency

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

fix: prevent FOUC by applying high-contrast class before first paint 56247a0329

Add a small synchronous script that reads localStorage and applies
the high-contrast class on body before Dioxus hydrates.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

fix: replace class_list() with class_name()/set_class_name() aea4298542

class_list() requires web_sys Element feature flags not enabled in
this project. Use class_name string manipulation instead.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

nrupard added 4 commits

2026-04-08 21:16:36 +02:00

feat: add high contrast toggle to landing page 1d05315451

Adds a contrast toggle button to the static landing page navbar,
with matching high-contrast CSS overrides and localStorage persistence
using the same key as the Dioxus app.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

fix: make high contrast toggle smaller and prevent navbar shift 39483618fd

- Shrink desktop button from 32x32 (btn-icon) to 28x28 (w-7 h-7)
  with w-4 h-4 icon
- Render both SVG icons always, toggle visibility with hidden class
  to prevent layout reflow on state change

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

fix: prevent FOUC by initializing signal from body class 85b1d305c6

Initialize the active signal by reading the body's class (already set
by high-contrast-init.js) instead of defaulting to false and correcting
in use_effect. This prevents the first render from flashing the wrong
icon/state.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

fix: move Features/About links next to logo in landing nav 3fe91c73f3

Move nav-links (Features, About) next to the Rusty Links logo by
removing margin-left:auto from nav-links and adding it to nav-actions.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>