Tooling · Catalogs: token viewer, contrast audit; fg_subtle meets AA
DesignTokenViewer shows every token of the theme in the mode shown, named as code reads it: colors with their hex, syntax, chart and terminal colors, the type scale, radii, control and icon sizes, elevations and spacing. A11yChecker audits each text color over the surfaces it sits on at 4.5:1 and the focus ring and chart hues at 3:1, failures first. The audit found fg_subtle under 4.5:1 on hover and overlay; it is #6f6d6a light and #8c8a87 dark now, and a test holds all four Ely palettes to the audit. IconBrowser points to forms::IconPicker and the ScreenshotTest Harness to the gallery's capture, each with a section on the tooling page.
This commit is contained in:
1 parent
bfd1285064
commit
d5271d03ea
11 files changed
+757
-8
No files matched your search
+4
-4
@@ -366,7 +366,7 @@
|
||||
|
||||
## T43c Tooling · Catalogs
|
||||
|
||||
- [ ] DesignTokenViewer
|
||||
- [ ] IconBrowser
|
||||
- [ ] A11yChecker — contrast audit
|
||||
- [ ] ScreenshotTest Harness — self-capture; scripted input since T01
|
||||
- [x] DesignTokenViewer → `tooling::DesignTokenViewer`: every token of the theme in the mode shown, named as code reads it, with its value
|
||||
- [x] IconBrowser → `forms::IconPicker`: the library's icons, searchable
|
||||
- [x] A11yChecker — contrast audit → `tooling::A11yChecker`: each text color over its surfaces at 4.5:1, the focus ring and chart hues beside the page at 3:1, failures first
|
||||
- [x] ScreenshotTest Harness — self-capture; scripted input since T01 → `examples/gallery --capture`: every page light and dark, then its scripted states
|
||||
Reference in new issue
Block a user