Custom palettes (*.custom.css) are site-specific overrides that
should not be version controlled. Glob pattern covers all locations.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- 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>
- Hero card fully variable-driven: --hero-card-bg/color/overlay/border-radius/padding/max-width
- Alternative hero variant: --hero-alt-card-* for secondary theme
- Overlay bg-position and bg-size now customizable via variables
- Mobile breakpoint: photo bg hidden, hero full-bleed on small screens
- Added fallback values to 1365 var() calls in template.css
- .btn --btn-bg changed from transparent to var(--body-bg) in dark/light themes
- .offcanvas-header .btn-close gets background-color from overlay
- Stripped file info headers (@package/DEFGROUP/VERSION) from 48 files, kept copyright/SPDX
- Synced all theme variables across standard and custom templates
- Removed 26 mobile.php layout overrides
- Added *.py to .gitignore, card-border-radius fallback
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
New "Brand Showcase" tab in Joomla template configuration embeds
brand-showcase.html — features color system gradients with hover-to-sample
pixel picker, branded nav, typography, buttons, badges, alerts, tables,
forms, cards, accordion, and tabs. Light/dark toggle included.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Merges the full Joomla branded-bootstrap5 article content into theme-test.html:
nav sample, typography, buttons, badges/alerts, tables, forms, cards/list groups,
breadcrumb/pagination, progress bars, and computed CSS variable swatches that
display resolved values via JavaScript.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Add .hero#primary / .hero#secondary CSS variant system to template.css
- Add :nth-child() block color palette for top-a/b, bottom-a/b positions
- Add named per-module overrides (#block-highlight, #block-cta, #block-alert)
- Add all hero + block CSS variables to light/dark custom palette templates
- Add theme-test.html with full visual CSS variable reference + color test
- Add "Theme Preview" tab to admin config with embedded iframe of test sheet
- Add script.php install/update script (Joomla 5/6 compatible)
- Add sync_custom_vars.php — detects missing vars in user palettes on upgrade
- Add en-GB and en-US language strings for new admin config fields
- Update CSS_VARIABLES.md and CHANGELOG.md
- Bump version to 03.09.02
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Add src/templates/light.custom.css and dark.custom.css as starter
palette files that ship with the template, giving users a full
variable reference to copy and customise
- Register src/templates/ folder in templateDetails.xml <files>
- Update <description> in templateDetails.xml: correct palette source
paths, add Custom CSS & JavaScript section (user.css / user.js),
link docs to GitHub repo docs/ directory
- Sync en-GB and en-US tpl_mokocassiopeia.sys.ini with same changes,
preserving British/American spelling variants; bump version to 03.09.01
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
