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>
- 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 LABEL/DESC language strings (en-US + en-GB) for all 17 Bootstrap
component variable groups now living in the :root theme files:
accordion, alert, badge, backdrop, breadcrumb, dropdown, list-group,
modal, nav-tabs, nav-pills, pagination, popover, progress, spinner,
table, toast, tooltip
Each section documents variables with HTML subheadings (Dimensions,
Colours, Typography, Stacking, Animation) and <code> tags for every
variable name. British English spellings used throughout en-GB.
Adds 34 new lines per language file (17 LABEL + 17 DESC pairs, 80
CSS_VARS_* keys total). XML fields were already present from the
prior migration commit.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Move --offcanvas-* definitions from component-scoped .offcanvas selector in
template.css into :root[data-bs-theme] blocks in light.standard.css and
dark.standard.css so they are overridable via user.css at root level
- Fix two bugs in the old definitions: --offcanvas-bg was incorrectly set to
var(--body-color) (text colour); corrected to var(--body-bg); and
--offcanvas-color had a spurious 'color:' prefix
- Dark theme uses a heavier box-shadow (0.3 alpha) for better depth perception
- Add css_vars_offcanvas field to templateDetails.xml CSS Variables tab
- Add en-US and en-GB language strings for the new Offcanvas Panel section
- Rebuild all .min CSS files
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- New position renders inside .header-brand-wrap, right-aligned via
margin-inline-start: auto on .container-header-aside
- CSS: .header-brand-wrap uses flexbox so logo stays left, aside floats right
- Registered in templateDetails.xml positions list
- Language strings added to both en-US and en-GB sys.ini files
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Add googlesitekey param to Google fieldset in templateDetails.xml
- Inject <meta name="google-site-verification"> via setMetaData() in
index.php, component.php, and offline.php
- GTM, GA, and Search Console verification can now all be active simultaneously
- Add language strings for new field in en-US and en-GB
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Replace 8-field CSS Variables tab with 21 comprehensive sections covering
all variables from light.standard.css and dark.standard.css
- New sections: Links, Layout & Spacing, Breakpoints, Bootstrap Semantic
Palette, Bootstrap State Colors, Alert & List Group Colors, Standard
Colors/Grays/Opacity, Shadows & Shadow Tokens, Buttons, Cards,
Component & Plugin Colors, VirtueMart, Gable
- Add custom-hero class to hero.php outer div (always present)
- Both en-GB and en-US language files updated
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Adds a new 'CSS Variables' tab to the template configuration with eight
documented sections (brand, typography, navigation, header background,
container backgrounds, borders/shadows, forms/focus) so site builders
can reference all available custom properties without leaving Joomla admin.
Also removes external docs links from descriptions in templateDetails.xml
and both language files, replacing them with a pointer to the new tab.
Fixes stale custom palette source paths in en-GB and en-US ini files.
Co-Authored-By: Claude Sonnet 4.6 <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>
Adds src/html/mod_custom/hero.php — a banner-overlay style template
override for mod_custom, mirroring Cassiopeia's banner layout pattern.
Includes background image support via WebAssetManager and respects the
Module Manager's moduleclass_sfx field.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Add setup notes to font CSS files about required downloads
- Restore alert-warning class for font note (important setup info)
- Fix alignment in success message border
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
- Update templateDetails.xml to use local font CSS files only
- Add Noto Sans and Fira Sans as local font options
- Remove Google Fonts CDN preconnect links from index.php
- Remove Google Fonts CDN preconnect links from component.php
- Remove Google Fonts CDN preconnect link from offline.php
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
The folder attribute should specify the base destination directory, not the
full path. Changed from folder="administrator/language" to folder="administrator"
while keeping the full source path in the language tags.
This follows Joomla's standard where:
- folder="administrator" = base destination in Joomla
- path includes full source structure from template root
- Result: files install to JOOMLA_ROOT/administrator/language/en-GB/
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
The paths in <language> tags must be relative to the template source root
(src/), not relative to the folder attribute. The folder attribute specifies
the DESTINATION in Joomla, but file paths must point to actual source files.
Corrected paths:
- Frontend: language/en-GB/tpl_mokocassiopeia.ini (was: en-GB/...)
- Backend: administrator/language/en-GB/tpl_mokocassiopeia.sys.ini (was: en-GB/...)
This ensures Joomla can find and install the language files correctly.
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
Language files should only be declared in <languages> sections, not in
<files> section. Having them in <files> causes Joomla to copy them to
the template directory instead of the proper Joomla language directories,
resulting in language constants showing instead of translations.
Removed:
- <folder>language</folder>
- <folder>administrator</folder>
The <languages> sections (lines 89-97) properly handle installation of
language files to Joomla's language directories where they can be loaded.
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
Language files were not being installed because the folders weren't
listed in the <files> section. Added <folder>language</folder> and
<folder>administrator</folder> to ensure language files are packaged
and installed correctly.
Fixes language not working on install issue.
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
