Fix a11y icon, FAB label colors, add high-contrast stylesheet, sync theme vars
Some checks failed
Repo Health / Access control (push) Failing after 2s
Repo Health / Release configuration (push) Has been skipped
Repo Health / Scripts governance (push) Has been skipped
Repo Health / Repository health (push) Has been skipped

- Fix faIcon() to use <i> elements (FA7 compatibility)
- Fix #mokoThemeFab .label and button colors to white (visible on
  both light and dark themes)
- Fix font-weight typo (600px → 600)
- Add --footer-padding-* variables to all 6 theme files
- Create a11y-high-contrast.css with WCAG AAA contrast ratios for
  both light and dark modes
- Register high-contrast stylesheet in joomla.asset.json
- Lazy-load high-contrast CSS when a11y contrast toggle is activated

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jonathan Miller
2026-04-14 20:25:15 -05:00
parent cc58b75b0d
commit ddf3655501
10 changed files with 289 additions and 7 deletions

View File

@@ -813,6 +813,12 @@ color-scheme: dark;
--table-active-color: var(--body-color);
--table-active-bg: rgba(var(--white-rgb), 0.1);
/* ===== FOOTER ===== */
--footer-padding-top: 1rem;
--footer-padding-bottom: 80px;
--footer-grid-padding-y: 2.5rem;
--footer-grid-padding-x: 0.5em;
/* ===== BACKDROP ===== */
--backdrop-zindex: 1040;
--backdrop-bg: hsl(0, 0%, 0%);

View File

@@ -812,6 +812,12 @@ color-scheme: light;
--table-active-color: var(--body-color);
--table-active-bg: rgba(var(--black-rgb), 0.075);
/* ===== FOOTER ===== */
--footer-padding-top: 1rem;
--footer-padding-bottom: 80px;
--footer-grid-padding-y: 2.5rem;
--footer-grid-padding-x: 0.5em;
/* ===== BACKDROP ===== */
--backdrop-zindex: 1040;
--backdrop-bg: hsl(0, 0%, 0%);