MokoConsulting/MokoCassiopeia
1
1
Fork 0
Code Issues 2 Pull Requests Actions Packages Releases 1 Activity

Add documentation for parameter-based color customization

Browse Source 
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
2026-02-20 10:45:06 +00:00
parent 2d588afa3f
commit f4dcd69c92
2 changed files with 70 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
README.md
View File

@@ -57,6 +57,7 @@ MokoCassiopeia is a modern, lightweight enhancement layer built on top of Joomla
- **Dark Mode Support**: Built-in light/dark mode toggle with system preference detection
- **Color Palettes**: Standard, Alternative, and Custom color schemes
- **Parameter-Based Colors**: Edit key brand colors directly in template settings (no CSS files required)
- **Theme Persistence**: User preferences saved via localStorage
- **Theme Control Options**: Switch, radio buttons, or hidden controls
- **Auto Dark Mode**: Optional automatic dark mode based on time/system settings
@@ -69,6 +70,7 @@ MokoCassiopeia is a modern, lightweight enhancement layer built on top of Joomla
- **Font Options**: Local and web fonts (Roboto, Fira Sans, Noto Sans)
- **Sticky Header**: Optional sticky navigation
- **Back to Top**: Floating back-to-top button
- **400+ CSS Variables**: Complete control over colors, spacing, and styling
### Analytics & Tracking
@@ -164,6 +166,22 @@ Access template configuration via **System → Site Templates → MokoCassiopeia
- **Light Mode Palette**: Standard, Alternative, or Custom
- **Dark Mode Palette**: Standard, Alternative, or Custom
**Custom Colors - Light Mode:**
- **Brand Primary Color**: Main brand color throughout the template
- **Accent Primary Color**: Accent color for highlights and interactive elements
- **Navigation Background**: Background color for the main navigation menu
- **Navigation Link Color**: Text color for navigation links
- **Body Background**: Main page background color
- **Body Text Color**: Default text color for body content
- **Link Color**: Color for regular hyperlinks
- **Link Hover Color**: Color for hyperlinks on hover
- **Bootstrap Primary Color**: Bootstrap primary color for buttons, alerts, and components
**Custom Colors - Dark Mode:**
- Same 9 color options as Light Mode, but optimized for dark backgrounds
> **Note**: Custom color parameters override values from color palette CSS files. Leave fields blank to use palette defaults. Changes apply immediately when you save the template.
**Typography:**
- **Font Scheme**: Local (Roboto) or Web fonts (Fira Sans, Roboto+Noto Sans)