Standard themes reorganized: Foundation → Layout → Navigation →
Forms → Components (alphabetical) → Bootstrap → Custom → Extensions
Sync script now fully rebuilds the custom file's :root block in
starter file order, preserving user values while reordering.
Missing variables are inserted at their correct position.
Bump 03.10.04
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Dark theme: icon button and auto switch background is transparent
on the off-white FAB. Light theme keeps subtle white overlay.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
.theme-icon-btn had hardcoded color: #fff, now inherits from
#mokoThemeFab which uses var(--theme-fab-color).
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
White text on accent-color-primary was hard to see.
Dark body-bg color provides strong contrast.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Dark theme uses --accent-color-primary (#3f8ff0) instead of muted gray.
Light theme uses --color-primary (#112855) for brand consistency.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
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>
Uses ::before pseudo-element with rgba(0,0,0,0.5) overlay
only on dark theme. Content stays above via z-index.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- SVG: added viewBox, extended rects to 494px to cover full area
after translate offset (eliminates bottom seam line)
- Text logo: uses --accent-color-secondary universally (both themes)
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Falls back to --color-primary + --header-background-image instead of
--body-bg, so light theme shows the branded header background.
Inline style from Joomla offline_image overrides when set.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Panel, buttons, and labels now use --body-bg, --secondary-bg, and
--body-font-color with proper dark theme fallbacks instead of
hardcoded light-theme values (#fff, #444).
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
The top section of the card (where the logo sits) now uses
var(--body-bg) background with negative margins to bleed into
the card's border-radius. Creates a clean two-tone card effect.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Logo gets white background with padding and rounded corners
- Removed <jdoc:include type="message" /> (was duplicating offline message)
- Load template language files explicitly (not auto-loaded in offline context)
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Brand-aside position now uses flex columns like top-a (card style, equal-width)
- Offline page: external offline.css with theme variables, 3-column centered card
layout, Osaka font loading, full-screen on mobile
- CSS variable click-to-copy: scans text for --var patterns, wraps in clickable
chips with toast notification on copy
- Search button border matches input border (--input-border-color)
- mod_stats override: converted from dl to table layout
- Patch bump 03.09.15 → 03.09.16
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Remove toggle switch, Light/Dark labels, knob/track CSS
- Single button with sun (light) and moon (dark) FA icons
- Icons cross-fade with rotation transition on theme change
- Compact circular button matches FAB aesthetic
- Removed duplicate old switch CSS rules
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Light mode uses darker blue (#1565c0), dark mode uses lighter blue
(#42a5f5). No hover effect — only active ring when panel is open.
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>
- A11y toggle button now sits side-by-side with theme switch inside
the FAB bar, separated by a divider
- A11y button height matches the theme switch
- Auto button replaced with a proper on/off toggle switch that
clearly indicates system-follow state
- Manual theme switch turns off Auto automatically
- A11y panel floats from its inline position when opened
- Falls back to standalone toolbar when theme FAB is disabled
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Replace hardcoded padding with CSS variables in footer and header
- Bump version to 03.09.14 across all manifest files
- Switch update server and download URLs from GitHub to Gitea
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Use --body-color instead of --body-bg for footer text color, and remove
redundant .page-link / .page-link:active rules.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Change __here margin-right to padding-right: .15rem. Add version
number to template description so it shows in Joomla admin.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add flex layout to .mod-breadcrumbs so the "You are here" label
and breadcrumb list sit inline. Label floats left with margin.
Bump to 03.09.12.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Remove Bootstrap collapse classes that were hiding the search on
desktop. Use CSS media queries instead: hidden on mobile by default,
visible on desktop. JS toggles .show class on mobile via the
search-toggler button.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Search position:
- Desktop: 2 columns (16.667%), menu fills the rest
- Mobile: collapses to a magnifying glass icon button (like the
hamburger) that expands the search form via Bootstrap collapse
README:
- Version moved to badge (03.09.04)
- Joomla badge updated to 5.x | 6.x
- PHP badge updated to 8.1+
- Removed inline VERSION from title
Remove obsolete build-release.sh and minify.js scripts (replaced
by CI workflow and PHP helper).
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Input and awesomplete wrapper get flex: 1 to fill all available
space. Submit button gets flex: 0 0 auto to shrink to content.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
On desktop, .container-search is now flex: 0 0 25% (3 of 12 cols)
and the menu nav gets flex: 1 1 0% to fill the rest. Bump version
to 03.09.03.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Remove width: 100% from .container-search that forced it to wrap.
Change desktop media query from flex: 1 1 100% to flex: 1 1 auto
with min-width: 200px so the search grows to fill remaining space
alongside the menu without forcing a new row.
Closes#117
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
When both are present, a11y toolbar sits at bottom-left and theme
FAB at bottom-right so they share the same row without overlapping.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
