Skip to content

Fix: keep the empty dashboard text readable on mid-grey wallpapers - #586

Merged
SandObserver merged 1 commit into
mainfrom
fix/empty-state-text-contrast
Oct 27, 2026
Merged

SandObserver merged 1 commit into
mainfrom
fix/empty-state-text-contrast

Conversation

@SandObserver

Copy link
Copy Markdown
Owner

Summary

  • Add --label-text (#FFFFFF) and --label-text-dark (#000000) and use them for .empty-state-title and .empty-state-sub in both tones. The translucent secondary and primary label colours fell to 2.1:1 and 4.1:1 on a mid-grey wallpaper.
  • Test the picked tone against every single-colour grey with the real tone picker.

Testing
All green, including e2e. Added a test that both texts keep 4.5:1 on greys 0 to 255.

Changelog

Fixed

  • The empty dashboard's heading and explanation stay readable on mid-grey wallpapers.

Checklist

  • Stays within the project constraints: one container, no runtime dependencies, no build step (see CONTRIBUTING.md).
  • Tests added or updated for new logic, and the full suite, lint, and typechecks pass.
  • Docs updated if behavior or configuration changed.

…lack

Translucent tones fell to about 2.1:1 on a mid-grey wallpaper. Opaque ones keep 4.5:1 on any single-colour wallpaper with the tone the wallpaper reading picks.
@SandObserver SandObserver added the ui/ux UI, UX, and accessibility only fix label Oct 27, 2026
@SandObserver
SandObserver merged commit b816a76 into main Oct 27, 2026
6 checks passed
@SandObserver
SandObserver deleted the fix/empty-state-text-contrast branch October 27, 2026 10:44
stackyard-release Bot pushed a commit that referenced this pull request Oct 27, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

ui/ux UI, UX, and accessibility only fix

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant