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

@@ -17070,8 +17070,8 @@ form .form-select {
background: var(--muted-color, #6d757e);
box-shadow: var(--box-shadow, 0 .5rem 1rem #00000066);
font: inherit;
color: var(--body-bg, #0e1318);
font-weight: 600px;
color: #fff;
font-weight: 600;
}
#mokoThemeFab.pos-br {
@@ -17133,10 +17133,11 @@ button#mokoThemeSwitch {
#mokoThemeFab .label {
user-select: none;
font-size: .875rem;
color: #fff;
}
#mokoThemeFab button {
color: var(--body-bg, #0e1318);
color: #fff;
}
/* Auto toggle switch (on/off style) */