Commit Graph

148 Commits

Author SHA1 Message Date
eb3ad178c9 feat: add hero variant and block color variables to standard theme files
Adds all 20 hero variant and block color CSS variables to both
light.standard.css and dark.standard.css, matching the custom palette
templates. Users on the standard palette now get hero variants and
block colors out of the box.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-26 13:31:02 -05:00
11e4664cd5 Update template.css 2026-03-26 11:01:26 -05:00
00850c3b61 Promote table and backdrop variables to :root theme files
Move --table-* and --backdrop-* base definitions from component selectors
in template.css into :root[data-bs-theme] blocks in light/dark theme files.

Dark table uses white-rgb-based striped/active overlays for proper contrast
on dark surfaces. Deduplicate the double --table-active-* declarations that
existed in template.css. Backdrop values are identical in both themes.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-18 00:18:37 -05:00
74f9024389 Promote Bootstrap component variables from template.css to :root theme files
Move 16 component variable groups from component-scoped selectors in
template.css into :root[data-bs-theme] blocks in light.standard.css and
dark.standard.css:

accordion, breadcrumb, pagination, badge, alert, progress, list-group,
dropdown, toast, modal, tooltip, popover, spinner, nav, nav-tabs, nav-pills

Dark theme values adapted for dark surfaces: semantic var() references,
lighter SVG icon fill colours, heavier shadows, secondary-bg backgrounds.
Component selectors in template.css retain only non-variable rules.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-18 00:16:44 -05:00
b043ccc099 Promote offcanvas variables to :root theme files and document in CSS Variables tab
- 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>
2026-03-17 22:54:55 -05:00
63c88ede64 Merge duplicate prefers-reduced-motion media queries
Consolidate the two @media (prefers-reduced-motion: no-preference) blocks
into one — scroll-behavior and theme-switch colour transitions share the
same query and are cleaner in a single block.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-17 22:02:28 -05:00
f7b41f66bb Update template.css 2026-03-17 22:00:55 -05:00
c011742e4a Add smooth theme-switch transitions and restore hero .overlay wrapper
- Add prefers-reduced-motion-scoped CSS transitions (bg, color, border) on
  :root, body, and key layout containers so light/dark theme switches animate
  smoothly instead of snapping
- Restore <div class="overlay"> child in hero.php; slim .custom-hero rule to a
  customisation hook only — visual overlay styles are handled by .overlay child
- Regenerate template.min.css

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-17 20:55:50 -05:00
57b4c3240e Add hero/banner-overlay CSS variables and wire template.css
- Add HERO / BANNER OVERLAY section to light.standard.css and dark.standard.css:
  --hero-height, --hero-color, --hero-bg-repeat, --hero-bg-attachment,
  --hero-bg-position, --hero-bg-size, --hero-border-bottom,
  --hero-overlay-bg (light: 0.1 alpha / dark: 0.3 alpha),
  --hero-overlay-padding, --hero-overlay-text-align, --hero-overlay-text-color
- Replace all hardcoded values in .container-banner .banner-overlay and
  .overlay with var() references (with fallbacks)
- Fix background-position: comma syntax → correct space-separated single-bg value
- Add css_vars_hero note field to CSS Variables tab in templateDetails.xml
- Add TPL_MOKOCASSIOPEIA_CSS_VARS_HERO_LABEL/DESC to en-US and en-GB
- Regenerate .min files

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-17 20:51:09 -05:00
f0e7ccac6d Add minify build script and generate .min CSS/JS; rename position to brand-aside
Build tooling:
- Add package.json with clean-css and terser dev dependencies
- Add scripts/minify.js: reads joomla.asset.json, auto-detects source/.min
  pairs, and minifies all template-owned CSS and JS files
- Add node_modules/ to .gitignore

Generated .min files (all 6 manifest pairs):
- css/template.min.css      (17.8% saved)
- css/editor.min.css        (49.4% saved)
- css/theme/light.standard.min.css  (13.1% saved)
- css/theme/dark.standard.min.css   (14.4% saved)
- js/template.min.js        (58.2% saved)
- js/gtm.min.js             (62.3% saved)

Rename: header-aside → brand-aside (position, CSS class, language keys)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-17 20:22:09 -05:00
f0de3bf342 Add header-aside module position to the right of the logo
- 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>
2026-03-17 20:16:39 -05:00
53ad226a51 Expand CSS Variables tab to full variable reference and add custom-hero class
- 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>
2026-03-17 20:01:42 -05:00
copilot-swe-agent[bot]
af1f18e720 Migrate colors directory to theme with consistent naming convention
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-03-08 00:21:10 +00:00
copilot-swe-agent[bot]
fb87111cbc Updated plan: Rename colors→theme with consistent naming
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-03-08 00:17:41 +00:00
copilot-swe-agent[bot]
bee3614223 Changes before error encountered
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-03-07 23:25:40 +00:00
13ae912a9b Create index.html
Signed-off-by: Jonathan Miller <230051081+jmiller-moko@users.noreply.github.com>
2026-03-07 16:58:10 -06:00
e43782a4b3 Delete src/media/css/theme
Signed-off-by: Jonathan Miller <230051081+jmiller-moko@users.noreply.github.com>
2026-03-07 16:57:46 -06:00
73dca77b45 Create theme
Signed-off-by: Jonathan Miller <230051081+jmiller-moko@users.noreply.github.com>
2026-03-07 16:57:32 -06:00
copilot-swe-agent[bot]
fac8812aeb Complete color variable conversion - zero hardcoded colors remaining
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-03-07 22:02:18 +00:00
copilot-swe-agent[bot]
81066dd359 Convert choices.js component colors to CSS variables
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-03-07 22:00:05 +00:00
copilot-swe-agent[bot]
eab5926006 Convert Gable component colors to CSS variables
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-03-07 21:57:51 +00:00
copilot-swe-agent[bot]
892c1b4d7f Convert link utilities and Gable component colors to CSS variables
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-03-07 21:56:22 +00:00
copilot-swe-agent[bot]
b574bb1004 Add list-group-item color variables for all Bootstrap variants
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-03-07 21:53:36 +00:00
copilot-swe-agent[bot]
bb900de8c6 Convert form and alert colors to CSS variables
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-03-07 21:48:06 +00:00
copilot-swe-agent[bot]
3e7816ad17 Update documentation for custom color templates and font requirements
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-03-07 21:38:35 +00:00
copilot-swe-agent[bot]
3df4439aca Add opacity utilities and convert hardcoded colors to CSS variables
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-03-07 21:38:00 +00:00
copilot-swe-agent[bot]
4fec18a7fc Add complete Bootstrap button definitions to dark theme and create color templates
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-03-07 21:34:50 +00:00
copilot-swe-agent[bot]
8159b134a5 Address final code review feedback
- 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>
2026-03-07 20:53:18 +00:00
copilot-swe-agent[bot]
3881dfd3df Fix code review issues: version numbers and headers
- Update font CSS files to use version 03.08.04 (current release)
- Add copyright header to GOOGLE_FONTS_README.md
- Fix border alignment in download-google-fonts.sh header

Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-03-07 20:51:30 +00:00
copilot-swe-agent[bot]
6130302312 Add self-hosted Google Fonts infrastructure
- Create @font-face CSS files for Roboto, Noto Sans, Fira Sans
- Add download script for Google Fonts (download-google-fonts.sh)
- Add GOOGLE_FONTS_README.md with download instructions
- Font files ready for woff2 files to be added

Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-03-07 20:42:51 +00:00
copilot-swe-agent[bot]
e8a432c82a Remove client fork infrastructure and update nav padding
- Remove client fork automation script and workflow
- Remove client fork documentation and templates
- Update .container-header nav padding to 0 2rem

Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-03-07 20:37:06 +00:00
6b2ba5548f Delete user.css 2026-03-07 14:04:06 -06:00
copilot-swe-agent[bot]
e2ddd58d2a Add comprehensive CSS styles for JEM component overrides
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-02-27 04:19:46 +00:00
copilot-swe-agent[bot]
1cb32751e4 Add Main Menu collapsible dropdown override with Bootstrap 5 responsive navbar
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-02-27 00:56:21 +00:00
copilot-swe-agent[bot]
01414563f5 Add Community Builder component overrides with mobile responsive design
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-02-22 23:18:28 +00:00
copilot-swe-agent[bot]
1117cb32ff Fix CSS class naming consistency for Kunena stats module
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-02-22 22:40:05 +00:00
copilot-swe-agent[bot]
fb4bdbeace Add comprehensive Kunena and Membership Pro modules and components
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-02-22 22:38:54 +00:00
copilot-swe-agent[bot]
fdc2cc555b Add mobile responsive overrides for common industry Joomla extensions (K2, AcyMailing, HikaShop, Kunena)
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-02-22 22:35:38 +00:00
copilot-swe-agent[bot]
0c6a35f9bd Add mobile responsive overrides for standard Joomla and Community Builder modules
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-02-22 22:27:02 +00:00
copilot-swe-agent[bot]
9c95884a7a Add mobile responsive VirtueMart module overrides with comprehensive CSS
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-02-22 21:34:38 +00:00
copilot-swe-agent[bot]
85d890c8df Add mobile responsive mod_search override with comprehensive CSS and documentation
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-02-22 05:50:13 +00:00
34e1d0d0cb Update template.css 2026-02-19 19:29:34 -06:00
1ece5720eb Update template.css 2026-02-19 17:58:48 -06:00
d5f3dfb5ac remfoe Alternative option 2026-02-07 11:48:53 -06:00
copilot-swe-agent[bot]
f1316ccb58 Update global padding variables from 1rem to 0.15rem across all color schemes
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-02-07 17:28:22 +00:00
copilot-swe-agent[bot]
910d1dcb3e Complete CSS variable system: Add missing values, regenerate alternative colors, add Bootstrap/Joomla styles
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-02-07 17:17:49 +00:00
copilot-swe-agent[bot]
e4f880c621 Reorganize 4 CSS variable files with consistent structure and section headers
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-02-07 17:08:25 +00:00
06e837ea58 Update template.css 2026-02-07 10:56:19 -06:00
copilot-swe-agent[bot]
631407297d Move user.css styles to template.css and add site-title margin
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
2026-02-07 16:55:16 +00:00
466cc6b642 Merge branch 'copilot/fix-language-constants-display' of https://github.com/mokoconsulting-tech/MokoCassiopeia into copilot/fix-language-constants-display 2026-02-07 10:55:05 -06:00