From 346218138fd334e921edc7cfbbad9f53e5c9bd43 Mon Sep 17 00:00:00 2001 From: Jonathan Miller Date: Sat, 18 Apr 2026 16:21:39 -0500 Subject: [PATCH] Theme switcher: larger, bordered, stronger shadow for visibility. Bump 03.09.33 - Bigger padding, 36px icon button, 1.25rem icon size - 2px border (--theme-fab-border): white on dark bg, subtle on light - Stronger box-shadow with double layer - Hover scale + glow effect Co-Authored-By: Claude Opus 4.6 (1M context) --- README.md | 2 +- src/joomla.asset.json | 2 +- src/media/css/template.css | 18 ++++++++++++------ src/media/css/theme/dark.standard.css | 1 + src/media/css/theme/light.standard.css | 1 + src/templateDetails.xml | 4 ++-- updates.xml | 26 +++++++++++++------------- 7 files changed, 31 insertions(+), 23 deletions(-) diff --git a/README.md b/README.md index 5d04ae8..572e673 100644 --- a/README.md +++ b/README.md @@ -9,7 +9,7 @@ INGROUP: MokoCassiopeia.Documentation REPO: https://git.mokoconsulting.tech/MokoConsulting/MokoCassiopeia FILE: ./README.md - VERSION: 03.09.32 + VERSION: 03.09.33 BRIEF: Documentation for MokoCassiopeia template --> diff --git a/src/joomla.asset.json b/src/joomla.asset.json index 32cbf15..cdfad41 100644 --- a/src/joomla.asset.json +++ b/src/joomla.asset.json @@ -17,7 +17,7 @@ "defgroup": "Joomla.Template.Site", "ingroup": "MokoCassiopeia.Template.Assets", "path": "./media/templates/site/mokocassiopeia/joomla.asset.json", - "version": "03.09.32", + "version": "03.09.33", "brief": "Joomla asset registry for MokoCassiopeia" } }, diff --git a/src/media/css/template.css b/src/media/css/template.css index b638dc9..de536c8 100644 --- a/src/media/css/template.css +++ b/src/media/css/template.css @@ -17092,14 +17092,20 @@ form .form-select { display: flex; align-items: center; gap: .5rem; - padding: .4rem .6rem; + padding: .5rem .75rem; border-radius: 999px; - border: none; + border: 2px solid var(--theme-fab-border, rgba(255,255,255,.3)); background: var(--theme-fab-bg, var(--color-primary, #112855)); color: var(--theme-fab-color, #fff); - box-shadow: var(--box-shadow, 0 .5rem 1rem #00000066); + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.1); font: inherit; font-weight: 600; + transition: transform .15s, box-shadow .15s; +} + +#mokoThemeFab:hover { + transform: scale(1.05); + box-shadow: 0 6px 28px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.15); } #mokoThemeFab.pos-br { @@ -17127,13 +17133,13 @@ form .form-select { display: flex; align-items: center; justify-content: center; - width: 32px; - height: 32px; + width: 36px; + height: 36px; border: none; border-radius: 50%; background: var(--theme-fab-btn-bg, rgba(255,255,255,.15)); color: inherit; - font-size: 1.1rem; + font-size: 1.25rem; cursor: pointer; padding: 0; position: relative; diff --git a/src/media/css/theme/dark.standard.css b/src/media/css/theme/dark.standard.css index a2f6f58..0b2cab7 100644 --- a/src/media/css/theme/dark.standard.css +++ b/src/media/css/theme/dark.standard.css @@ -832,6 +832,7 @@ color-scheme: dark; --theme-fab-bg: #e6ebf1; --theme-fab-color: #0e1318; --theme-fab-btn-bg: transparent; +--theme-fab-border: rgba(0, 0, 0, 0.15); /* ===== OFFLINE PAGE ===== */ --offline-card-bg: rgba(0, 0, 0, 0.6); diff --git a/src/media/css/theme/light.standard.css b/src/media/css/theme/light.standard.css index cf5090b..97c35c8 100644 --- a/src/media/css/theme/light.standard.css +++ b/src/media/css/theme/light.standard.css @@ -831,6 +831,7 @@ color-scheme: light; --theme-fab-bg: var(--color-primary, #112855); --theme-fab-color: #fff; --theme-fab-btn-bg: rgba(255,255,255,.15); +--theme-fab-border: rgba(255, 255, 255, 0.3); /* ===== OFFLINE PAGE ===== */ --offline-card-bg: rgba(0, 0, 0, 0.55); diff --git a/src/templateDetails.xml b/src/templateDetails.xml index 95e3915..f59c369 100644 --- a/src/templateDetails.xml +++ b/src/templateDetails.xml @@ -39,13 +39,13 @@ MokoCassiopeia - 03.09.32 + 03.09.33 script.php 2026-04-15 Jonathan Miller || Moko Consulting hello@mokoconsulting.tech (C)GNU General Public License Version 3 - 2026 Moko Consulting - Version 03.09.32 License Joomla PHP

MokoCassiopeia Template Description

MokoCassiopeia continues Joomla's tradition of space-themed default templates— building on the legacy of Solarflare (Joomla 1.0), Milkyway (Joomla 1.5), and Protostar (Joomla 3.0).

This template is a customized fork of the Cassiopeia template introduced in Joomla 4, preserving its modern, accessible, and mobile-first foundation while introducing new stylistic enhancements and structural refinements specifically tailored for use by Moko Consulting.

Custom Colour Themes

Starter palette files are included with the template. To create a custom colour scheme, copy templates/mokocassiopeia/templates/light.custom.css to media/templates/site/mokocassiopeia/css/theme/light.custom.css, or templates/mokocassiopeia/templates/dark.custom.css to media/templates/site/mokocassiopeia/css/theme/dark.custom.css. Customise the CSS variables to match your brand, then activate your palette in System → Site Templates → MokoCassiopeia → Theme tab by selecting "Custom" for the Light or Dark Mode Palette. A full variable reference is available in the CSS Variables tab in template options.

Custom CSS & JavaScript

For site-specific styles and scripts that should survive template updates, create the following files:

  • media/templates/site/mokocassiopeia/css/user.css — loaded on every page for custom CSS overrides.
  • media/templates/site/mokocassiopeia/js/user.js — loaded on every page for custom JavaScript.

These files are gitignored and will not be overwritten by template updates.

Code Attribution

This template is based on the original Cassiopeia template developed by the Joomla! Project and released under the GNU General Public License.

Modifications and enhancements have been made by Moko Consulting in accordance with open-source licensing standards.

It includes integration with Bootstrap TOC, an open-source table of contents generator by A. Feld, licensed under the MIT License.

All third-party libraries and assets remain the property of their respective authors and are credited within their source files where applicable.

]]> + Version 03.09.33 License Joomla PHP

MokoCassiopeia Template Description

MokoCassiopeia continues Joomla's tradition of space-themed default templates— building on the legacy of Solarflare (Joomla 1.0), Milkyway (Joomla 1.5), and Protostar (Joomla 3.0).

This template is a customized fork of the Cassiopeia template introduced in Joomla 4, preserving its modern, accessible, and mobile-first foundation while introducing new stylistic enhancements and structural refinements specifically tailored for use by Moko Consulting.

Custom Colour Themes

Starter palette files are included with the template. To create a custom colour scheme, copy templates/mokocassiopeia/templates/light.custom.css to media/templates/site/mokocassiopeia/css/theme/light.custom.css, or templates/mokocassiopeia/templates/dark.custom.css to media/templates/site/mokocassiopeia/css/theme/dark.custom.css. Customise the CSS variables to match your brand, then activate your palette in System → Site Templates → MokoCassiopeia → Theme tab by selecting "Custom" for the Light or Dark Mode Palette. A full variable reference is available in the CSS Variables tab in template options.

Custom CSS & JavaScript

For site-specific styles and scripts that should survive template updates, create the following files:

  • media/templates/site/mokocassiopeia/css/user.css — loaded on every page for custom CSS overrides.
  • media/templates/site/mokocassiopeia/js/user.js — loaded on every page for custom JavaScript.

These files are gitignored and will not be overwritten by template updates.

Code Attribution

This template is based on the original Cassiopeia template developed by the Joomla! Project and released under the GNU General Public License.

Modifications and enhancements have been made by Moko Consulting in accordance with open-source licensing standards.

It includes integration with Bootstrap TOC, an open-source table of contents generator by A. Feld, licensed under the MIT License.

All third-party libraries and assets remain the property of their respective authors and are credited within their source files where applicable.

]]> 1 component.php diff --git a/updates.xml b/updates.xml index dba39cd..3117341 100644 --- a/updates.xml +++ b/updates.xml @@ -1,7 +1,7 @@ @@ -13,11 +13,11 @@ mokocassiopeia template site - 03.09.32 + 03.09.33 2026-04-18 https://git.mokoconsulting.tech/MokoConsulting/MokoCassiopeia/releases/tag/development - https://git.mokoconsulting.tech/MokoConsulting/MokoCassiopeia/releases/download/development/mokocassiopeia-03.09.32-dev.zip + https://git.mokoconsulting.tech/MokoConsulting/MokoCassiopeia/releases/download/development/mokocassiopeia-03.09.33-dev.zip 1cd2f64953075b586c72a4a3cd18844f87c74cbcada4be828f2f5846b0b7b04d development @@ -34,11 +34,11 @@ mokocassiopeia template site - 03.09.32 + 03.09.33 2026-04-14 https://git.mokoconsulting.tech/MokoConsulting/MokoCassiopeia/releases/tag/alpha - https://git.mokoconsulting.tech/MokoConsulting/MokoCassiopeia/releases/download/alpha/mokocassiopeia-03.09.32-alpha.zip + https://git.mokoconsulting.tech/MokoConsulting/MokoCassiopeia/releases/download/alpha/mokocassiopeia-03.09.33-alpha.zip c2660acdf7389244462485f7ab4c286e9f851366a148acc16739a184576f7932 alpha @@ -55,11 +55,11 @@ mokocassiopeia template site - 03.09.32 + 03.09.33 2026-04-14 https://git.mokoconsulting.tech/MokoConsulting/MokoCassiopeia/releases/tag/beta - https://git.mokoconsulting.tech/MokoConsulting/MokoCassiopeia/releases/download/beta/mokocassiopeia-03.09.32-beta.zip + https://git.mokoconsulting.tech/MokoConsulting/MokoCassiopeia/releases/download/beta/mokocassiopeia-03.09.33-beta.zip 4cbe4fc379182ef17580396e7d12ce4ce95a90017ef364b922bdc2d04b0b3d97 beta @@ -76,12 +76,12 @@ mokocassiopeia template site - 03.09.32 + 03.09.33 2026-04-14 https://git.mokoconsulting.tech/MokoConsulting/MokoCassiopeia/releases/tag/release-candidate - https://git.mokoconsulting.tech/MokoConsulting/MokoCassiopeia/releases/download/release-candidate/mokocassiopeia-03.09.32-rc.zip - https://github.com/mokoconsulting-tech/MokoCassiopeia/releases/download/release-candidate/mokocassiopeia-03.09.32-rc.zip + https://git.mokoconsulting.tech/MokoConsulting/MokoCassiopeia/releases/download/release-candidate/mokocassiopeia-03.09.33-rc.zip + https://github.com/mokoconsulting-tech/MokoCassiopeia/releases/download/release-candidate/mokocassiopeia-03.09.33-rc.zip c2660acdf7389244462485f7ab4c286e9f851366a148acc16739a184576f7932 rc @@ -98,12 +98,12 @@ mokocassiopeia template site - 03.09.32 + 03.09.33 2026-04-14 https://git.mokoconsulting.tech/MokoConsulting/MokoCassiopeia/releases/tag/v03 - https://git.mokoconsulting.tech/MokoConsulting/MokoCassiopeia/releases/download/v03/mokocassiopeia-03.09.32.zip - https://github.com/mokoconsulting-tech/MokoCassiopeia/releases/download/v03/mokocassiopeia-03.09.32.zip + https://git.mokoconsulting.tech/MokoConsulting/MokoCassiopeia/releases/download/v03/mokocassiopeia-03.09.33.zip + https://github.com/mokoconsulting-tech/MokoCassiopeia/releases/download/v03/mokocassiopeia-03.09.33.zip c2660acdf7389244462485f7ab4c286e9f851366a148acc16739a184576f7932 stable