8258ed804a
Some checks failed
Standards Compliance / Secret Scanning (push) Successful in 3s
Standards Compliance / License Header Validation (push) Successful in 4s
Standards Compliance / Repository Structure Validation (push) Successful in 5s
Standards Compliance / Coding Standards Check (push) Failing after 3s
Standards Compliance / Version Consistency Check (push) Successful in 3s
Standards Compliance / Workflow Configuration Check (push) Failing after 2s
Standards Compliance / Documentation Quality Check (push) Successful in 3s
Standards Compliance / README Completeness Check (push) Successful in 3s
Standards Compliance / Git Repository Hygiene (push) Successful in 2s
Standards Compliance / Script Integrity Validation (push) Successful in 4s
Standards Compliance / Line Length Check (push) Failing after 4s
Standards Compliance / File Naming Standards (push) Successful in 2s
Standards Compliance / Insecure Code Pattern Detection (push) Successful in 3s
Standards Compliance / Code Complexity Analysis (push) Successful in 3s
Standards Compliance / Code Duplication Detection (push) Successful in 4s
Standards Compliance / Dead Code Detection (push) Successful in 3s
Standards Compliance / File Size Limits (push) Successful in 2s
CodeQL Security Scanning / Analyze (javascript) (push) Failing after 1m9s
Standards Compliance / Binary File Detection (push) Successful in 4s
CodeQL Security Scanning / Analyze (actions) (push) Failing after 1m11s
Standards Compliance / TODO/FIXME Tracking (push) Successful in 3s
Standards Compliance / Dependency Vulnerability Scanning (push) Successful in 5s
Standards Compliance / Broken Link Detection (push) Successful in 5s
Standards Compliance / Unused Dependencies Check (push) Successful in 7s
Standards Compliance / API Documentation Coverage (push) Successful in 3s
Standards Compliance / Accessibility Check (push) Successful in 3s
Standards Compliance / Performance Metrics (push) Successful in 3s
Standards Compliance / Enterprise Readiness Check (push) Successful in 3s
Standards Compliance / Repository Health Check (push) Successful in 4s
Standards Compliance / Terraform Configuration Validation (push) Successful in 6s
CodeQL Security Scanning / Security Scan Summary (push) Successful in 1s
Standards Compliance / Compliance Summary (push) Successful in 1s
Repo Health / Access control (push) Successful in 1s
Auto-Update SHA Hash / Update SHA-256 Hash in updates.xml (release) Successful in 4s
Repo Health / Release configuration (push) Failing after 3s
Repo Health / Scripts governance (push) Successful in 3s
Repo Health / Repository health (push) Failing after 3s
All files renamed from mokocassiopeia to mokoonyx. Update server points to MokoOnyx repo. Bridge migration removed (clean standalone template). Version reset to 01.00.00. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
MokoOnyx Templates Directory
This directory contains template files for custom color schemes that can be copied to your template installation.
Custom Theme Palette Templates
Template files are provided for both light and dark themes with complete Bootstrap button definitions:
Available Templates
| File | Theme | Description |
|---|---|---|
light.custom.css |
Light | Custom light theme with all Bootstrap button variants |
dark.custom.css |
Dark | Custom dark theme with all Bootstrap button variants |
Using Custom Theme Templates
-
Copy the template file to your template's CSS theme directory:
# For light theme cp templates/light.custom.css src/media/css/theme/light.custom.css # For dark theme cp templates/dark.custom.css src/media/css/theme/dark.custom.css -
Customize the CSS variables in your copied file:
- Modify
--color-primary,--accent-color-primary, etc. to match your brand - Adjust Bootstrap state colors (
--success,--info,--warning,--danger) - Update button variants if needed
- Modify
-
Register in
src/joomla.asset.json:- Ensure
template.light.customandtemplate.dark.customassets are defined - Already configured by default in the asset manifest
- Ensure
-
Activate via Joomla admin:
- Go to System → Site Templates → MokoOnyx
- Select "Custom" in the Theme Palette dropdown
- Save and check your site
Bootstrap Button Variants Included
All template files include complete definitions for:
Solid Buttons:
.btn-primary,.btn-secondary,.btn-success,.btn-info,.btn-warning,.btn-danger,.btn-light,.btn-dark
Outline Buttons:
.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-info,.btn-outline-warning,.btn-outline-danger,.btn-outline-light,.btn-outline-dark
Each button variant includes hover, active, focus, and disabled states using CSS variables.
Theme System Features
CSS Variable Structure
Colors are defined as CSS variables allowing easy customization:
:root[data-bs-theme="light"] {
--color-primary: #0066cc;
--accent-color-primary: #3399ff;
--success: #28a745;
--danger: #dc3545;
/* ...and many more */
}
Opacity Utilities
Template includes opacity utility variables for creating translucent colors:
--opacity-5: 0.05;
--opacity-10: 0.1;
--opacity-15: 0.15;
--opacity-25: 0.25;
--opacity-50: 0.5;
--opacity-75: 0.75;
--opacity-100: 1;
Use with rgba():
background-color: rgba(var(--black-rgb), var(--opacity-10));
Shadow Color Utilities
Pre-defined shadow color variables:
--shadow-color-light: rgba(var(--black-rgb), var(--opacity-15));
--shadow-color-medium: rgba(var(--black-rgb), var(--opacity-25));
--shadow-color-dark: rgba(var(--black-rgb), var(--opacity-30));
📚 Additional Resources
- Main README - MokoOnyx features and installation
- CSS Variables Reference - All available CSS variables
- Development Guide - Development workflows
Template Directory: /templates/
Version: 03.08.04
Maintained by: Moko Consulting