03.09.01 — mod_custom hero override, palette starter files, updated descriptions (#84)
* Add mod_custom hero layout override and bump version to 03.09.01 Adds src/html/mod_custom/hero.php — a banner-overlay style template override for mod_custom, mirroring Cassiopeia's banner layout pattern. Includes background image support via WebAssetManager and respects the Module Manager's moduleclass_sfx field. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> * Ignore and untrack .claude/settings.local.json Adds .claude/settings.local.json to .gitignore and removes it from version control to keep local Claude Code permissions out of the repo. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> * Ship custom palette starters and update template description - Add src/templates/light.custom.css and dark.custom.css as starter palette files that ship with the template, giving users a full variable reference to copy and customise - Register src/templates/ folder in templateDetails.xml <files> - Update <description> in templateDetails.xml: correct palette source paths, add Custom CSS & JavaScript section (user.css / user.js), link docs to GitHub repo docs/ directory - Sync en-GB and en-US tpl_mokocassiopeia.sys.ini with same changes, preserving British/American spelling variants; bump version to 03.09.01 Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> * Add CSS Variables reference tab to template options Adds a new 'CSS Variables' tab to the template configuration with eight documented sections (brand, typography, navigation, header background, container backgrounds, borders/shadows, forms/focus) so site builders can reference all available custom properties without leaving Joomla admin. Also removes external docs links from descriptions in templateDetails.xml and both language files, replacing them with a pointer to the new tab. Fixes stale custom palette source paths in en-GB and en-US ini files. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> * 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> * Add Google Search Console verification and ensure all Google services coexist - Add googlesitekey param to Google fieldset in templateDetails.xml - Inject <meta name="google-site-verification"> via setMetaData() in index.php, component.php, and offline.php - GTM, GA, and Search Console verification can now all be active simultaneously - Add language strings for new field in en-US and en-GB Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> * 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> * 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> * 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> * 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> * Update template.css * 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> * 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> * 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> * 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> * Add CSS Variables tab documentation for all promoted Bootstrap components Add LABEL/DESC language strings (en-US + en-GB) for all 17 Bootstrap component variable groups now living in the :root theme files: accordion, alert, badge, backdrop, breadcrumb, dropdown, list-group, modal, nav-tabs, nav-pills, pagination, popover, progress, spinner, table, toast, tooltip Each section documents variables with HTML subheadings (Dimensions, Colours, Typography, Stacking, Animation) and <code> tags for every variable name. British English spellings used throughout en-GB. Adds 34 new lines per language file (17 LABEL + 17 DESC pairs, 80 CSS_VARS_* keys total). XML fields were already present from the prior migration commit. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> --------- Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit was merged in pull request #84.
This commit is contained in:
GitHub
1
src/media/css/editor.min.css
vendored
Normal file
1
src/media/css/editor.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
@charset "UTF-8";body{font-size:1rem;font-weight:400;line-height:1.5;color:#22262a;background-color:#fff}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:700;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}h2{font-size:calc(1.325rem + .9vw)}h3{font-size:calc(1.3rem + .6vw)}h4{font-size:calc(1.275rem + .3vw)}h5{font-size:1.25rem}h6{font-size:1rem}a{text-decoration:none}a:link{color:#224faa}a:hover{color:#424077}p{margin-top:0;margin-bottom:1rem}hr#system-readmore{color:red;border:1px dashed red}span[lang]{padding:2px;border:1px dashed #bbb}span[lang]:after{font-size:smaller;color:red;vertical-align:super;content:attr(lang)}
|
||||
@@ -22,10 +22,24 @@
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Smooth scroll and colour transitions; gated so reduced-motion users are unaffected. */
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
:root {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
:root,
|
||||
body,
|
||||
.container-wrapper,
|
||||
.container-main,
|
||||
nav,
|
||||
header,
|
||||
footer {
|
||||
transition:
|
||||
background-color 0.3s ease,
|
||||
color 0.3s ease,
|
||||
border-color 0.3s ease;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
@@ -118,11 +132,6 @@ form {
|
||||
padding-right: .5rem !important;
|
||||
}
|
||||
|
||||
|
||||
.offcanvas-body {
|
||||
background-color: var(--offcanvas-color);
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 1rem 0;
|
||||
color: inherit;
|
||||
@@ -2331,16 +2340,7 @@ progress {
|
||||
}
|
||||
|
||||
.table {
|
||||
--table-color: var(--body-color);
|
||||
--table-bg: transparent;
|
||||
--table-border-color: var(--border-color);
|
||||
--table-accent-bg: transparent;
|
||||
--table-striped-color: var(--body-color);
|
||||
--table-striped-bg: rgba(var(--black-rgb), var(--opacity-5));
|
||||
--table-active-color: var(--body-color);
|
||||
--table-active-bg: rgba(var(--black-rgb), var(--opacity-10));
|
||||
--table-active-color: var(--body-color);
|
||||
--table-active-bg: rgba(var(--black-rgb), 0.075);
|
||||
/* Values defined in light.standard.css / dark.standard.css */
|
||||
width: 100%;
|
||||
margin-bottom: 1rem;
|
||||
color: var(--table-color);
|
||||
@@ -3868,32 +3868,7 @@ fieldset:disabled .btn {
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
--dropdown-zindex: 1000;
|
||||
--dropdown-min-width: 10rem;
|
||||
--dropdown-padding-x: 0;
|
||||
--dropdown-padding-y: 0.5rem;
|
||||
--dropdown-spacer: 0.125rem;
|
||||
--dropdown-font-size: 1rem;
|
||||
--dropdown-color: hsl(210, 11%, 15%);
|
||||
--dropdown-bg: var(--body-color);
|
||||
--dropdown-border-color: var(--border-color-translucent);
|
||||
--dropdown-border-radius: 0.25rem;
|
||||
--dropdown-border-width: 1px;
|
||||
--dropdown-inner-border-radius: calc(0.25rem - 1px);
|
||||
--dropdown-divider-bg: var(--border-color-translucent);
|
||||
--dropdown-divider-margin-y: 0.5rem;
|
||||
--dropdown-box-shadow: 0 0.5rem 1rem var(--shadow-color-light);
|
||||
--dropdown-link-color: hsl(210, 11%, 15%);
|
||||
--dropdown-link-active-color: #1f2226;
|
||||
--dropdown-link-active-bg: hsl(210, 16%, 93%);
|
||||
--dropdown-link-active-color: var(--body-color);
|
||||
--dropdown-link-active-bg: hsl(240, 98%, 17%);
|
||||
--dropdown-link-disabled-color: hsl(210, 11%, 71%);
|
||||
--dropdown-item-padding-x: 1rem;
|
||||
--dropdown-item-padding-y: 0.25rem;
|
||||
--dropdown-header-color: hsl(210, 7%, 46%);
|
||||
--dropdown-header-padding-x: 1rem;
|
||||
--dropdown-header-padding-y: 0.5rem;
|
||||
/* Values defined in light.standard.css / dark.standard.css */
|
||||
position: absolute;
|
||||
z-index: var(--dropdown-zindex);
|
||||
display: none;
|
||||
@@ -4329,12 +4304,7 @@ fieldset:disabled .btn {
|
||||
}
|
||||
|
||||
.nav {
|
||||
--nav-link-padding-x: 1rem;
|
||||
--nav-link-padding-y: 0.5rem;
|
||||
--nav-link-font-weight: ;
|
||||
--nav-link-color: var(--link-color);
|
||||
--nav-link-active-color: var(--link-active-color);
|
||||
--nav-link-disabled-color: hsl(210, 7%, 46%);
|
||||
/* Values defined in light.standard.css / dark.standard.css */
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
@@ -4377,13 +4347,7 @@ fieldset:disabled .btn {
|
||||
}
|
||||
|
||||
.nav-tabs {
|
||||
--nav-tabs-border-width: 1px;
|
||||
--nav-tabs-border-color: hsl(210, 14%, 89%);
|
||||
--nav-tabs-border-radius: 0.25rem;
|
||||
--nav-tabs-link-active-border-color: hsl(210, 16%, 93%) hsl(210, 16%, 93%) hsl(210, 14%, 89%);
|
||||
--nav-tabs-link-active-color: hsl(210, 9%, 31%);
|
||||
--nav-tabs-link-active-bg: var(--body-color);
|
||||
--nav-tabs-link-active-border-color: hsl(210, 14%, 89%) hsl(210, 14%, 89%) var(--body-color);
|
||||
/* Values defined in light.standard.css / dark.standard.css */
|
||||
border-bottom: var(--nav-tabs-border-width) solid var(--nav-tabs-border-color);
|
||||
}
|
||||
|
||||
@@ -4422,9 +4386,7 @@ fieldset:disabled .btn {
|
||||
}
|
||||
|
||||
.nav-pills {
|
||||
--nav-pills-border-radius: 0.25rem;
|
||||
--nav-pills-link-active-color: var(--body-color);
|
||||
--nav-pills-link-active-bg: hsl(240, 98%, 17%);
|
||||
/* Values defined in light.standard.css / dark.standard.css */
|
||||
}
|
||||
|
||||
.nav-pills .nav-link {
|
||||
@@ -5262,28 +5224,7 @@ fieldset:disabled .btn {
|
||||
}
|
||||
|
||||
.accordion {
|
||||
--accordion-color: hsl(210, 11%, 15%);
|
||||
--accordion-bg: var(--body-color);
|
||||
--accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
|
||||
--accordion-border-color: var(--border-color);
|
||||
--accordion-border-width: 1px;
|
||||
--accordion-border-radius: 0.25rem;
|
||||
--accordion-inner-border-radius: calc(0.25rem - 1px);
|
||||
--accordion-btn-padding-x: 1.25rem;
|
||||
--accordion-btn-padding-y: 1rem;
|
||||
--accordion-btn-color: hsl(210, 11%, 15%);
|
||||
--accordion-btn-bg: var(--accordion-bg);
|
||||
--accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl%28210, 11%, 15%%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
|
||||
--accordion-btn-icon-width: 1.25rem;
|
||||
--accordion-btn-icon-transform: rotate(-180deg);
|
||||
--accordion-btn-icon-transition: transform 0.2s ease-in-out;
|
||||
--accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230f244d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
|
||||
--accordion-btn-focus-border-color: var(--input-focus-border-color);
|
||||
--accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
|
||||
--accordion-body-padding-x: 1.25rem;
|
||||
--accordion-body-padding-y: 1rem;
|
||||
--accordion-active-color: #0f244d;
|
||||
--accordion-active-bg: #e7eaee;
|
||||
/* Values defined in light.standard.css / dark.standard.css */
|
||||
}
|
||||
|
||||
.accordion-button {
|
||||
@@ -5431,14 +5372,7 @@ fieldset:disabled .btn {
|
||||
}
|
||||
|
||||
.breadcrumb {
|
||||
--breadcrumb-padding-x: 0;
|
||||
--breadcrumb-padding-y: 0;
|
||||
--breadcrumb-margin-bottom: 1rem;
|
||||
--breadcrumb-bg: ;
|
||||
--breadcrumb-border-radius: ;
|
||||
--breadcrumb-divider-color: hsl(210, 7%, 46%);
|
||||
--breadcrumb-item-padding-x: 0.5rem;
|
||||
--breadcrumb-item-active-color: var(--link-color);
|
||||
/* Values defined in light.standard.css / dark.standard.css */
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
@@ -5470,26 +5404,7 @@ fieldset:disabled .btn {
|
||||
}
|
||||
|
||||
.pagination {
|
||||
--pagination-padding-x: 0.75rem;
|
||||
--pagination-padding-y: 0.375rem;
|
||||
--pagination-font-size: 1rem;
|
||||
--pagination-color: var(--link-color);
|
||||
--pagination-bg: var(--body-color);
|
||||
--pagination-border-width: 1px;
|
||||
--pagination-border-color: hsl(210, 14%, 89%);
|
||||
--pagination-border-radius: 0.25rem;
|
||||
--pagination-active-color: var(--link-active-color);
|
||||
--pagination-active-bg: hsl(210, 16%, 93%);
|
||||
--pagination-active-border-color: hsl(210, 14%, 89%);
|
||||
--pagination-focus-color: var(--link-active-color);
|
||||
--pagination-focus-bg: hsl(210, 16%, 93%);
|
||||
--pagination-focus-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
|
||||
--pagination-active-color: var(--body-color);
|
||||
--pagination-active-bg: hsl(240, 98%, 17%);
|
||||
--pagination-active-border-color: hsl(240, 98%, 17%);
|
||||
--pagination-disabled-color: hsl(210, 7%, 46%);
|
||||
--pagination-disabled-bg: var(--body-color);
|
||||
--pagination-disabled-border-color: hsl(210, 14%, 89%);
|
||||
/* Values defined in light.standard.css / dark.standard.css */
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
@@ -5582,12 +5497,7 @@ fieldset:disabled .btn {
|
||||
}
|
||||
|
||||
.badge {
|
||||
--badge-padding-x: 0.65em;
|
||||
--badge-padding-y: 0.35em;
|
||||
--badge-font-size: 0.75em;
|
||||
--badge-font-weight: 700;
|
||||
--badge-color: var(--body-color);
|
||||
--badge-border-radius: 0.25rem;
|
||||
/* Values defined in light.standard.css / dark.standard.css */
|
||||
display: inline-block;
|
||||
padding: var(--badge-padding-y) var(--badge-padding-x);
|
||||
font-size: var(--badge-font-size);
|
||||
@@ -5610,14 +5520,7 @@ fieldset:disabled .btn {
|
||||
}
|
||||
|
||||
.alert {
|
||||
--alert-bg: transparent;
|
||||
--alert-padding-x: 1rem;
|
||||
--alert-padding-y: 1rem;
|
||||
--alert-margin-bottom: 1rem;
|
||||
--alert-color: inherit;
|
||||
--alert-border-color: transparent;
|
||||
--alert-border: 1px solid var(--alert-border-color);
|
||||
--alert-border-radius: 0.25rem;
|
||||
/* Values defined in light.standard.css / dark.standard.css */
|
||||
position: relative;
|
||||
padding: var(--alert-padding-y) var(--alert-padding-x);
|
||||
margin-bottom: var(--alert-margin-bottom);
|
||||
@@ -5740,14 +5643,7 @@ fieldset:disabled .btn {
|
||||
}
|
||||
|
||||
.progress {
|
||||
--progress-height: 1rem;
|
||||
--progress-font-size: 0.75rem;
|
||||
--progress-bg: hsl(210, 16%, 93%);
|
||||
--progress-border-radius: 0.25rem;
|
||||
--progress-box-shadow: inset 0 1px 2px rgba(var(--black-rgb), 0.075);
|
||||
--progress-bar-color: var(--body-color);
|
||||
--progress-bar-bg: hsl(240, 98%, 17%);
|
||||
--progress-bar-transition: width 0.6s ease;
|
||||
/* Values defined in light.standard.css / dark.standard.css */
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
@@ -5806,23 +5702,7 @@ fieldset:disabled .btn {
|
||||
}
|
||||
|
||||
.list-group {
|
||||
--list-group-color: hsl(210, 11%, 15%);
|
||||
--list-group-bg: var(--body-color);
|
||||
--list-group-border-color: rgba(var(--black-rgb), 0.125);
|
||||
--list-group-border-width: 1px;
|
||||
--list-group-border-radius: 0.25rem;
|
||||
--list-group-item-padding-x: 1rem;
|
||||
--list-group-item-padding-y: 0.5rem;
|
||||
--list-group-action-color: hsl(210, 9%, 31%);
|
||||
--list-group-action-active-color: hsl(210, 9%, 31%);
|
||||
--list-group-action-active-bg: hsl(210, 17%, 98%);
|
||||
--list-group-action-active-color: hsl(210, 11%, 15%);
|
||||
--list-group-action-active-bg: hsl(210, 16%, 93%);
|
||||
--list-group-disabled-color: hsl(210, 7%, 46%);
|
||||
--list-group-disabled-bg: var(--body-color);
|
||||
--list-group-active-color: var(--body-color);
|
||||
--list-group-active-bg: hsl(240, 98%, 17%);
|
||||
--list-group-active-border-color: hsl(240, 98%, 17%);
|
||||
/* Values defined in light.standard.css / dark.standard.css */
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
@@ -6293,21 +6173,7 @@ fieldset:disabled .btn {
|
||||
}
|
||||
|
||||
.toast {
|
||||
--toast-zindex: 1090;
|
||||
--toast-padding-x: 0.75rem;
|
||||
--toast-padding-y: 0.5rem;
|
||||
--toast-spacing: 1em;
|
||||
--toast-max-width: 350px;
|
||||
--toast-font-size: 0.875rem;
|
||||
--toast-color: ;
|
||||
--toast-bg: rgba(255, 255, 255, 0.85);
|
||||
--toast-border-width: 1px;
|
||||
--toast-border-color: var(--border-color-translucent);
|
||||
--toast-border-radius: 0.25rem;
|
||||
--toast-box-shadow: 0 0.5rem 1rem var(--shadow-color-light);
|
||||
--toast-header-color: hsl(210, 7%, 46%);
|
||||
--toast-header-bg: rgba(var(--white-rgb), 0.85);
|
||||
--toast-header-border-color: rgba(var(--black-rgb), var(--opacity-5));
|
||||
/* Values defined in light.standard.css / dark.standard.css */
|
||||
width: var(--toast-max-width);
|
||||
max-width: 100%;
|
||||
font-size: var(--toast-font-size);
|
||||
@@ -6371,27 +6237,7 @@ fieldset:disabled .btn {
|
||||
}
|
||||
|
||||
.modal {
|
||||
--modal-zindex: 1050;
|
||||
--modal-width: 500px;
|
||||
--modal-padding: 1rem;
|
||||
--modal-margin: 0.5rem;
|
||||
--modal-color: ;
|
||||
--modal-bg: var(--body-color);
|
||||
--modal-border-color: var(--border-color-translucent);
|
||||
--modal-border-width: 1px;
|
||||
--modal-border-radius: 0.3rem;
|
||||
--modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
|
||||
--modal-inner-border-radius: calc(0.3rem - 1px);
|
||||
--modal-header-padding-x: 1rem;
|
||||
--modal-header-padding-y: 1rem;
|
||||
--modal-header-padding: 1rem 1rem;
|
||||
--modal-header-border-color: var(--border-color);
|
||||
--modal-header-border-width: 1px;
|
||||
--modal-title-line-height: 1.5;
|
||||
--modal-footer-gap: 0.5rem;
|
||||
--modal-footer-bg: ;
|
||||
--modal-footer-border-color: var(--border-color);
|
||||
--modal-footer-border-width: 1px;
|
||||
/* Values defined in light.standard.css / dark.standard.css */
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
@@ -6482,9 +6328,7 @@ fieldset:disabled .btn {
|
||||
}
|
||||
|
||||
.modal-backdrop {
|
||||
--backdrop-zindex: 1040;
|
||||
--backdrop-bg: hsl(0, 0%, 0%);
|
||||
--backdrop-opacity: 0.5;
|
||||
/* Values defined in light.standard.css / dark.standard.css */
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
@@ -6737,18 +6581,7 @@ fieldset:disabled .btn {
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
--tooltip-zindex: 1070;
|
||||
--tooltip-max-width: 200px;
|
||||
--tooltip-padding-x: 0.5rem;
|
||||
--tooltip-padding-y: 0.25rem;
|
||||
--tooltip-margin: ;
|
||||
--tooltip-font-size: 0.875rem;
|
||||
--tooltip-color: var(--body-color);
|
||||
--tooltip-bg: hsl(0, 0%, 0%);
|
||||
--tooltip-border-radius: 0.25rem;
|
||||
--tooltip-opacity: 0.9;
|
||||
--tooltip-arrow-width: 0.8rem;
|
||||
--tooltip-arrow-height: 0.4rem;
|
||||
/* Values defined in light.standard.css / dark.standard.css */
|
||||
z-index: var(--tooltip-zindex);
|
||||
display: block;
|
||||
padding: var(--tooltip-arrow-height);
|
||||
@@ -6855,26 +6688,7 @@ fieldset:disabled .btn {
|
||||
}
|
||||
|
||||
.popover {
|
||||
--popover-zindex: 1060;
|
||||
--popover-max-width: 276px;
|
||||
--popover-font-size: 0.875rem;
|
||||
--popover-bg: var(--body-color);
|
||||
--popover-border-width: 1px;
|
||||
--popover-border-color: var(--border-color-translucent);
|
||||
--popover-border-radius: 0.3rem;
|
||||
--popover-inner-border-radius: calc(0.3rem - 1px);
|
||||
--popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
|
||||
--popover-header-padding-x: 1rem;
|
||||
--popover-header-padding-y: 0.5rem;
|
||||
--popover-header-font-size: 1rem;
|
||||
--popover-header-color: ;
|
||||
--popover-header-bg: #f0f0f0;
|
||||
--popover-body-padding-x: 1rem;
|
||||
--popover-body-padding-y: 1rem;
|
||||
--popover-body-color: hsl(210, 11%, 15%);
|
||||
--popover-arrow-width: 1rem;
|
||||
--popover-arrow-height: 0.5rem;
|
||||
--popover-arrow-border: var(--popover-border-color);
|
||||
/* Values defined in light.standard.css / dark.standard.css */
|
||||
z-index: var(--popover-zindex);
|
||||
display: block;
|
||||
max-width: var(--popover-max-width);
|
||||
@@ -7344,11 +7158,7 @@ fieldset:disabled .btn {
|
||||
}
|
||||
|
||||
.spinner-border {
|
||||
--spinner-width: 2rem;
|
||||
--spinner-height: 2rem;
|
||||
--spinner-vertical-align: -0.125em;
|
||||
--spinner-border-width: 0.25em;
|
||||
--spinner-animation-speed: 0.75s;
|
||||
/* Values defined in light.standard.css / dark.standard.css */
|
||||
--spinner-animation-name: spinner-border;
|
||||
border: var(--spinner-border-width) solid currentcolor;
|
||||
border-right-color: transparent;
|
||||
@@ -7387,10 +7197,7 @@ fieldset:disabled .btn {
|
||||
}
|
||||
|
||||
.spinner-grow {
|
||||
--spinner-width: 2rem;
|
||||
--spinner-height: 2rem;
|
||||
--spinner-vertical-align: -0.125em;
|
||||
--spinner-animation-speed: 0.75s;
|
||||
/* Values defined in light.standard.css / dark.standard.css */
|
||||
--spinner-animation-name: spinner-grow;
|
||||
background-color: currentcolor;
|
||||
opacity: 0;
|
||||
@@ -7415,16 +7222,7 @@ fieldset:disabled .btn {
|
||||
.offcanvas-lg,
|
||||
.offcanvas-md,
|
||||
.offcanvas-sm {
|
||||
--offcanvas-zindex: 1045;
|
||||
--offcanvas-width: 400px;
|
||||
--offcanvas-height: 30vh;
|
||||
--offcanvas-padding-x: 1rem;
|
||||
--offcanvas-padding-y: 1rem;
|
||||
--offcanvas-color: ;
|
||||
--offcanvas-bg: var(--body-color);
|
||||
--offcanvas-border-width: 1px;
|
||||
--offcanvas-border-color: var(--border-color-translucent);
|
||||
--offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
|
||||
/* Values defined in light.standard.css / dark.standard.css under :root */
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
@@ -14085,14 +13883,16 @@ meter {
|
||||
}
|
||||
|
||||
.container-banner .banner-overlay {
|
||||
height: 70vh;
|
||||
color: var(--body-color);
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-position: top, center;
|
||||
background-size: cover;
|
||||
height: var(--hero-height, 70vh);
|
||||
color: var(--hero-color, var(--body-color));
|
||||
background-repeat: var(--hero-bg-repeat, no-repeat);
|
||||
background-attachment: var(--hero-bg-attachment, fixed);
|
||||
background-position: var(--hero-bg-position, top center);
|
||||
background-size: var(--hero-bg-size, cover);
|
||||
border-bottom: var(--hero-border-bottom, solid var(--accent-color-secondary));
|
||||
}
|
||||
|
||||
/* Legacy: standard Cassiopeia banner with an explicit .overlay child */
|
||||
.container-banner .banner-overlay .overlay {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
@@ -14108,9 +13908,15 @@ meter {
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
padding: 1em;
|
||||
text-align: center;
|
||||
background-color: hsla(0, 0%, 0%, 0.5);
|
||||
padding: var(--hero-overlay-padding, 1em);
|
||||
text-align: var(--hero-overlay-text-align, center);
|
||||
color: var(--hero-overlay-text-color, var(--body-color));
|
||||
background-color: var(--hero-overlay-bg, hsla(0, 0%, 0%, 0.5));
|
||||
}
|
||||
|
||||
/* Hero layout (hero.php): outer wrapper — visual overlay is handled by the .overlay child */
|
||||
.container-banner .banner-overlay.custom-hero {
|
||||
/* Selector kept as a customisation hook; see .banner-overlay .overlay for overlay styles */
|
||||
}
|
||||
|
||||
.container-banner .banner-overlay .overlay .text-thin {
|
||||
@@ -14376,6 +14182,19 @@ fieldset>* {
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
/* Header aside: module position to the right of the logo */
|
||||
.header-brand-wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.container-brand-aside {
|
||||
margin-inline-start: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.container-header .navbar-brand {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
@@ -14767,8 +14586,6 @@ iframe {
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.container-topbar {
|
||||
color: var(--body-color);
|
||||
background-color: var(--color-primary);
|
||||
@@ -14781,7 +14598,7 @@ iframe {
|
||||
|
||||
.container-banner {
|
||||
display: block;
|
||||
margin: 0 0 2rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.container-top-a,
|
||||
|
||||
1
src/media/css/template.min.css
vendored
Normal file
1
src/media/css/template.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -520,6 +520,266 @@ color-scheme: dark;
|
||||
--gab-gray1: #868e96;
|
||||
--gab-gray2: #adb5bd;
|
||||
--gab-gray3: #ced4da;
|
||||
|
||||
/* ===== HERO / BANNER OVERLAY ===== */
|
||||
--hero-height: 70vh;
|
||||
--hero-color: var(--body-color);
|
||||
--hero-bg-repeat: no-repeat;
|
||||
--hero-bg-attachment: fixed;
|
||||
--hero-bg-position: top center;
|
||||
--hero-bg-size: cover;
|
||||
--hero-border-bottom: solid var(--accent-color-secondary);
|
||||
--hero-overlay-bg: hsla(0, 0%, 0%, 0.3);
|
||||
--hero-overlay-padding: 1em;
|
||||
--hero-overlay-text-align: center;
|
||||
--hero-overlay-text-color: var(--body-color);
|
||||
|
||||
/* ===== OFFCANVAS ===== */
|
||||
--offcanvas-zindex: 1045;
|
||||
--offcanvas-width: 400px;
|
||||
--offcanvas-height: 30vh;
|
||||
--offcanvas-padding-x: 1rem;
|
||||
--offcanvas-padding-y: 1rem;
|
||||
--offcanvas-color: var(--body-color);
|
||||
--offcanvas-bg: var(--body-bg);
|
||||
--offcanvas-border-width: 1px;
|
||||
--offcanvas-border-color: var(--border-color-translucent);
|
||||
--offcanvas-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.3);
|
||||
|
||||
/* ===== ACCORDION ===== */
|
||||
--accordion-color: var(--body-color);
|
||||
--accordion-bg: var(--body-bg);
|
||||
--accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
|
||||
--accordion-border-color: var(--border-color);
|
||||
--accordion-border-width: 1px;
|
||||
--accordion-border-radius: 0.25rem;
|
||||
--accordion-inner-border-radius: calc(0.25rem - 1px);
|
||||
--accordion-btn-padding-x: 1.25rem;
|
||||
--accordion-btn-padding-y: 1rem;
|
||||
--accordion-btn-color: var(--body-color);
|
||||
--accordion-btn-bg: var(--accordion-bg);
|
||||
--accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e6ebf1'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
|
||||
--accordion-btn-icon-width: 1.25rem;
|
||||
--accordion-btn-icon-transform: rotate(-180deg);
|
||||
--accordion-btn-icon-transition: transform 0.2s ease-in-out;
|
||||
--accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%238ab4f8'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
|
||||
--accordion-btn-focus-border-color: var(--input-focus-border-color);
|
||||
--accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(84, 114, 255, 0.25);
|
||||
--accordion-body-padding-x: 1.25rem;
|
||||
--accordion-body-padding-y: 1rem;
|
||||
--accordion-active-color: var(--link-color);
|
||||
--accordion-active-bg: var(--secondary-bg);
|
||||
|
||||
/* ===== BREADCRUMB ===== */
|
||||
--breadcrumb-padding-x: 0;
|
||||
--breadcrumb-padding-y: 0;
|
||||
--breadcrumb-margin-bottom: 1rem;
|
||||
--breadcrumb-bg: ;
|
||||
--breadcrumb-border-radius: ;
|
||||
--breadcrumb-divider-color: var(--gray-600);
|
||||
--breadcrumb-item-padding-x: 0.5rem;
|
||||
--breadcrumb-item-active-color: var(--link-color);
|
||||
|
||||
/* ===== PAGINATION ===== */
|
||||
--pagination-padding-x: 0.75rem;
|
||||
--pagination-padding-y: 0.375rem;
|
||||
--pagination-font-size: 1rem;
|
||||
--pagination-color: var(--link-color);
|
||||
--pagination-bg: var(--secondary-bg);
|
||||
--pagination-border-width: 1px;
|
||||
--pagination-border-color: var(--border-color);
|
||||
--pagination-border-radius: 0.25rem;
|
||||
--pagination-focus-color: var(--link-active-color);
|
||||
--pagination-focus-bg: var(--tertiary-bg);
|
||||
--pagination-focus-box-shadow: 0 0 0 0.25rem rgba(84, 114, 255, 0.25);
|
||||
--pagination-active-color: var(--body-color);
|
||||
--pagination-active-bg: hsl(240, 98%, 17%);
|
||||
--pagination-active-border-color: hsl(240, 98%, 17%);
|
||||
--pagination-disabled-color: var(--gray-600);
|
||||
--pagination-disabled-bg: var(--secondary-bg);
|
||||
--pagination-disabled-border-color: var(--border-color);
|
||||
|
||||
/* ===== BADGE ===== */
|
||||
--badge-padding-x: 0.65em;
|
||||
--badge-padding-y: 0.35em;
|
||||
--badge-font-size: 0.75em;
|
||||
--badge-font-weight: 700;
|
||||
--badge-color: var(--body-color);
|
||||
--badge-border-radius: 0.25rem;
|
||||
|
||||
/* ===== ALERT ===== */
|
||||
--alert-bg: transparent;
|
||||
--alert-padding-x: 1rem;
|
||||
--alert-padding-y: 1rem;
|
||||
--alert-margin-bottom: 1rem;
|
||||
--alert-color: inherit;
|
||||
--alert-border-color: transparent;
|
||||
--alert-border: 1px solid var(--alert-border-color);
|
||||
--alert-border-radius: 0.25rem;
|
||||
|
||||
/* ===== PROGRESS ===== */
|
||||
--progress-height: 1rem;
|
||||
--progress-font-size: 0.75rem;
|
||||
--progress-bg: var(--secondary-bg);
|
||||
--progress-border-radius: 0.25rem;
|
||||
--progress-box-shadow: inset 0 1px 2px rgba(var(--black-rgb), 0.3);
|
||||
--progress-bar-color: var(--body-color);
|
||||
--progress-bar-bg: hsl(240, 98%, 40%);
|
||||
--progress-bar-transition: width 0.6s ease;
|
||||
|
||||
/* ===== LIST GROUP ===== */
|
||||
--list-group-color: var(--body-color);
|
||||
--list-group-bg: var(--secondary-bg);
|
||||
--list-group-border-color: rgba(var(--white-rgb), 0.125);
|
||||
--list-group-border-width: 1px;
|
||||
--list-group-border-radius: 0.25rem;
|
||||
--list-group-item-padding-x: 1rem;
|
||||
--list-group-item-padding-y: 0.5rem;
|
||||
--list-group-action-color: var(--gray-800);
|
||||
--list-group-action-active-color: var(--body-color);
|
||||
--list-group-action-active-bg: var(--tertiary-bg);
|
||||
--list-group-disabled-color: var(--gray-600);
|
||||
--list-group-disabled-bg: var(--secondary-bg);
|
||||
--list-group-active-color: var(--body-color);
|
||||
--list-group-active-bg: hsl(240, 98%, 17%);
|
||||
--list-group-active-border-color: hsl(240, 98%, 17%);
|
||||
|
||||
/* ===== DROPDOWN ===== */
|
||||
--dropdown-zindex: 1000;
|
||||
--dropdown-min-width: 10rem;
|
||||
--dropdown-padding-x: 0;
|
||||
--dropdown-padding-y: 0.5rem;
|
||||
--dropdown-spacer: 0.125rem;
|
||||
--dropdown-font-size: 1rem;
|
||||
--dropdown-color: var(--body-color);
|
||||
--dropdown-bg: var(--secondary-bg);
|
||||
--dropdown-border-color: var(--border-color-translucent);
|
||||
--dropdown-border-radius: 0.25rem;
|
||||
--dropdown-border-width: 1px;
|
||||
--dropdown-inner-border-radius: calc(0.25rem - 1px);
|
||||
--dropdown-divider-bg: var(--border-color-translucent);
|
||||
--dropdown-divider-margin-y: 0.5rem;
|
||||
--dropdown-box-shadow: 0 0.5rem 1rem var(--shadow-color-medium);
|
||||
--dropdown-link-color: var(--body-color);
|
||||
--dropdown-link-active-color: var(--body-color);
|
||||
--dropdown-link-active-bg: hsl(240, 98%, 17%);
|
||||
--dropdown-link-disabled-color: var(--gray-600);
|
||||
--dropdown-item-padding-x: 1rem;
|
||||
--dropdown-item-padding-y: 0.25rem;
|
||||
--dropdown-header-color: var(--gray-600);
|
||||
--dropdown-header-padding-x: 1rem;
|
||||
--dropdown-header-padding-y: 0.5rem;
|
||||
|
||||
/* ===== TOAST ===== */
|
||||
--toast-zindex: 1090;
|
||||
--toast-padding-x: 0.75rem;
|
||||
--toast-padding-y: 0.5rem;
|
||||
--toast-spacing: 1em;
|
||||
--toast-max-width: 350px;
|
||||
--toast-font-size: 0.875rem;
|
||||
--toast-color: ;
|
||||
--toast-bg: rgba(21, 27, 34, 0.9);
|
||||
--toast-border-width: 1px;
|
||||
--toast-border-color: var(--border-color-translucent);
|
||||
--toast-border-radius: 0.25rem;
|
||||
--toast-box-shadow: 0 0.5rem 1rem var(--shadow-color-medium);
|
||||
--toast-header-color: var(--gray-600);
|
||||
--toast-header-bg: rgba(21, 27, 34, 0.85);
|
||||
--toast-header-border-color: rgba(var(--white-rgb), var(--opacity-10));
|
||||
|
||||
/* ===== MODAL ===== */
|
||||
--modal-zindex: 1050;
|
||||
--modal-width: 500px;
|
||||
--modal-padding: 1rem;
|
||||
--modal-margin: 0.5rem;
|
||||
--modal-color: ;
|
||||
--modal-bg: var(--secondary-bg);
|
||||
--modal-border-color: var(--border-color-translucent);
|
||||
--modal-border-width: 1px;
|
||||
--modal-border-radius: 0.3rem;
|
||||
--modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
|
||||
--modal-inner-border-radius: calc(0.3rem - 1px);
|
||||
--modal-header-padding-x: 1rem;
|
||||
--modal-header-padding-y: 1rem;
|
||||
--modal-header-padding: 1rem 1rem;
|
||||
--modal-header-border-color: var(--border-color);
|
||||
--modal-header-border-width: 1px;
|
||||
--modal-title-line-height: 1.5;
|
||||
--modal-footer-gap: 0.5rem;
|
||||
--modal-footer-bg: ;
|
||||
--modal-footer-border-color: var(--border-color);
|
||||
--modal-footer-border-width: 1px;
|
||||
|
||||
/* ===== TOOLTIP ===== */
|
||||
--tooltip-zindex: 1070;
|
||||
--tooltip-max-width: 200px;
|
||||
--tooltip-padding-x: 0.5rem;
|
||||
--tooltip-padding-y: 0.25rem;
|
||||
--tooltip-margin: ;
|
||||
--tooltip-font-size: 0.875rem;
|
||||
--tooltip-color: var(--body-color);
|
||||
--tooltip-bg: hsl(0, 0%, 0%);
|
||||
--tooltip-border-radius: 0.25rem;
|
||||
--tooltip-opacity: 0.9;
|
||||
--tooltip-arrow-width: 0.8rem;
|
||||
--tooltip-arrow-height: 0.4rem;
|
||||
|
||||
/* ===== POPOVER ===== */
|
||||
--popover-zindex: 1060;
|
||||
--popover-max-width: 276px;
|
||||
--popover-font-size: 0.875rem;
|
||||
--popover-bg: var(--secondary-bg);
|
||||
--popover-border-width: 1px;
|
||||
--popover-border-color: var(--border-color-translucent);
|
||||
--popover-border-radius: 0.3rem;
|
||||
--popover-inner-border-radius: calc(0.3rem - 1px);
|
||||
--popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.4);
|
||||
--popover-header-padding-x: 1rem;
|
||||
--popover-header-padding-y: 0.5rem;
|
||||
--popover-header-font-size: 1rem;
|
||||
--popover-header-color: ;
|
||||
--popover-header-bg: var(--tertiary-bg);
|
||||
--popover-body-padding-x: 1rem;
|
||||
--popover-body-padding-y: 1rem;
|
||||
--popover-body-color: var(--body-color);
|
||||
--popover-arrow-width: 1rem;
|
||||
--popover-arrow-height: 0.5rem;
|
||||
--popover-arrow-border: var(--popover-border-color);
|
||||
|
||||
/* ===== SPINNER ===== */
|
||||
--spinner-width: 2rem;
|
||||
--spinner-height: 2rem;
|
||||
--spinner-vertical-align: -0.125em;
|
||||
--spinner-border-width: 0.25em;
|
||||
--spinner-animation-speed: 0.75s;
|
||||
|
||||
/* ===== NAV TABS ===== */
|
||||
--nav-tabs-border-width: 1px;
|
||||
--nav-tabs-border-color: var(--border-color);
|
||||
--nav-tabs-border-radius: 0.25rem;
|
||||
--nav-tabs-link-active-color: var(--body-color);
|
||||
--nav-tabs-link-active-bg: var(--secondary-bg);
|
||||
--nav-tabs-link-active-border-color: var(--border-color) var(--border-color) var(--secondary-bg);
|
||||
|
||||
/* ===== NAV PILLS ===== */
|
||||
--nav-pills-border-radius: 0.25rem;
|
||||
--nav-pills-link-active-color: var(--body-color);
|
||||
--nav-pills-link-active-bg: hsl(240, 98%, 17%);
|
||||
|
||||
/* ===== TABLE ===== */
|
||||
--table-color: var(--body-color);
|
||||
--table-bg: transparent;
|
||||
--table-border-color: var(--border-color);
|
||||
--table-accent-bg: transparent;
|
||||
--table-striped-color: var(--body-color);
|
||||
--table-striped-bg: rgba(var(--white-rgb), var(--opacity-5));
|
||||
--table-active-color: var(--body-color);
|
||||
--table-active-bg: rgba(var(--white-rgb), 0.1);
|
||||
|
||||
/* ===== BACKDROP ===== */
|
||||
--backdrop-zindex: 1040;
|
||||
--backdrop-bg: hsl(0, 0%, 0%);
|
||||
--backdrop-opacity: 0.5;
|
||||
}
|
||||
|
||||
.btn {
|
||||
|
||||
1
src/media/css/theme/dark.standard.min.css
vendored
Normal file
1
src/media/css/theme/dark.standard.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -519,6 +519,266 @@ color-scheme: light;
|
||||
--gab-gray1: #495057;
|
||||
--gab-gray2: #6c757d;
|
||||
--gab-gray3: #adb5bd;
|
||||
|
||||
/* ===== HERO / BANNER OVERLAY ===== */
|
||||
--hero-height: 70vh;
|
||||
--hero-color: var(--body-color);
|
||||
--hero-bg-repeat: no-repeat;
|
||||
--hero-bg-attachment: fixed;
|
||||
--hero-bg-position: top center;
|
||||
--hero-bg-size: cover;
|
||||
--hero-border-bottom: solid var(--accent-color-secondary);
|
||||
--hero-overlay-bg: hsla(0, 0%, 0%, 0.1);
|
||||
--hero-overlay-padding: 1em;
|
||||
--hero-overlay-text-align: center;
|
||||
--hero-overlay-text-color: var(--body-color);
|
||||
|
||||
/* ===== OFFCANVAS ===== */
|
||||
--offcanvas-zindex: 1045;
|
||||
--offcanvas-width: 400px;
|
||||
--offcanvas-height: 30vh;
|
||||
--offcanvas-padding-x: 1rem;
|
||||
--offcanvas-padding-y: 1rem;
|
||||
--offcanvas-color: var(--body-color);
|
||||
--offcanvas-bg: var(--body-bg);
|
||||
--offcanvas-border-width: 1px;
|
||||
--offcanvas-border-color: var(--border-color-translucent);
|
||||
--offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
|
||||
|
||||
/* ===== ACCORDION ===== */
|
||||
--accordion-color: hsl(210, 11%, 15%);
|
||||
--accordion-bg: var(--body-bg);
|
||||
--accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
|
||||
--accordion-border-color: var(--border-color);
|
||||
--accordion-border-width: 1px;
|
||||
--accordion-border-radius: 0.25rem;
|
||||
--accordion-inner-border-radius: calc(0.25rem - 1px);
|
||||
--accordion-btn-padding-x: 1.25rem;
|
||||
--accordion-btn-padding-y: 1rem;
|
||||
--accordion-btn-color: hsl(210, 11%, 15%);
|
||||
--accordion-btn-bg: var(--accordion-bg);
|
||||
--accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl%28210, 11%25, 15%25%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
|
||||
--accordion-btn-icon-width: 1.25rem;
|
||||
--accordion-btn-icon-transform: rotate(-180deg);
|
||||
--accordion-btn-icon-transition: transform 0.2s ease-in-out;
|
||||
--accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230f244d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
|
||||
--accordion-btn-focus-border-color: var(--input-focus-border-color);
|
||||
--accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
|
||||
--accordion-body-padding-x: 1.25rem;
|
||||
--accordion-body-padding-y: 1rem;
|
||||
--accordion-active-color: #0f244d;
|
||||
--accordion-active-bg: #e7eaee;
|
||||
|
||||
/* ===== BREADCRUMB ===== */
|
||||
--breadcrumb-padding-x: 0;
|
||||
--breadcrumb-padding-y: 0;
|
||||
--breadcrumb-margin-bottom: 1rem;
|
||||
--breadcrumb-bg: ;
|
||||
--breadcrumb-border-radius: ;
|
||||
--breadcrumb-divider-color: hsl(210, 7%, 46%);
|
||||
--breadcrumb-item-padding-x: 0.5rem;
|
||||
--breadcrumb-item-active-color: var(--link-color);
|
||||
|
||||
/* ===== PAGINATION ===== */
|
||||
--pagination-padding-x: 0.75rem;
|
||||
--pagination-padding-y: 0.375rem;
|
||||
--pagination-font-size: 1rem;
|
||||
--pagination-color: var(--link-color);
|
||||
--pagination-bg: var(--body-bg);
|
||||
--pagination-border-width: 1px;
|
||||
--pagination-border-color: hsl(210, 14%, 89%);
|
||||
--pagination-border-radius: 0.25rem;
|
||||
--pagination-focus-color: var(--link-active-color);
|
||||
--pagination-focus-bg: hsl(210, 16%, 93%);
|
||||
--pagination-focus-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
|
||||
--pagination-active-color: var(--body-bg);
|
||||
--pagination-active-bg: hsl(240, 98%, 17%);
|
||||
--pagination-active-border-color: hsl(240, 98%, 17%);
|
||||
--pagination-disabled-color: hsl(210, 7%, 46%);
|
||||
--pagination-disabled-bg: var(--body-bg);
|
||||
--pagination-disabled-border-color: hsl(210, 14%, 89%);
|
||||
|
||||
/* ===== BADGE ===== */
|
||||
--badge-padding-x: 0.65em;
|
||||
--badge-padding-y: 0.35em;
|
||||
--badge-font-size: 0.75em;
|
||||
--badge-font-weight: 700;
|
||||
--badge-color: var(--body-bg);
|
||||
--badge-border-radius: 0.25rem;
|
||||
|
||||
/* ===== ALERT ===== */
|
||||
--alert-bg: transparent;
|
||||
--alert-padding-x: 1rem;
|
||||
--alert-padding-y: 1rem;
|
||||
--alert-margin-bottom: 1rem;
|
||||
--alert-color: inherit;
|
||||
--alert-border-color: transparent;
|
||||
--alert-border: 1px solid var(--alert-border-color);
|
||||
--alert-border-radius: 0.25rem;
|
||||
|
||||
/* ===== PROGRESS ===== */
|
||||
--progress-height: 1rem;
|
||||
--progress-font-size: 0.75rem;
|
||||
--progress-bg: hsl(210, 16%, 93%);
|
||||
--progress-border-radius: 0.25rem;
|
||||
--progress-box-shadow: inset 0 1px 2px rgba(var(--black-rgb), 0.075);
|
||||
--progress-bar-color: var(--body-bg);
|
||||
--progress-bar-bg: hsl(240, 98%, 17%);
|
||||
--progress-bar-transition: width 0.6s ease;
|
||||
|
||||
/* ===== LIST GROUP ===== */
|
||||
--list-group-color: hsl(210, 11%, 15%);
|
||||
--list-group-bg: var(--body-bg);
|
||||
--list-group-border-color: rgba(var(--black-rgb), 0.125);
|
||||
--list-group-border-width: 1px;
|
||||
--list-group-border-radius: 0.25rem;
|
||||
--list-group-item-padding-x: 1rem;
|
||||
--list-group-item-padding-y: 0.5rem;
|
||||
--list-group-action-color: hsl(210, 9%, 31%);
|
||||
--list-group-action-active-color: hsl(210, 11%, 15%);
|
||||
--list-group-action-active-bg: hsl(210, 16%, 93%);
|
||||
--list-group-disabled-color: hsl(210, 7%, 46%);
|
||||
--list-group-disabled-bg: var(--body-bg);
|
||||
--list-group-active-color: var(--body-bg);
|
||||
--list-group-active-bg: hsl(240, 98%, 17%);
|
||||
--list-group-active-border-color: hsl(240, 98%, 17%);
|
||||
|
||||
/* ===== DROPDOWN ===== */
|
||||
--dropdown-zindex: 1000;
|
||||
--dropdown-min-width: 10rem;
|
||||
--dropdown-padding-x: 0;
|
||||
--dropdown-padding-y: 0.5rem;
|
||||
--dropdown-spacer: 0.125rem;
|
||||
--dropdown-font-size: 1rem;
|
||||
--dropdown-color: hsl(210, 11%, 15%);
|
||||
--dropdown-bg: var(--body-bg);
|
||||
--dropdown-border-color: var(--border-color-translucent);
|
||||
--dropdown-border-radius: 0.25rem;
|
||||
--dropdown-border-width: 1px;
|
||||
--dropdown-inner-border-radius: calc(0.25rem - 1px);
|
||||
--dropdown-divider-bg: var(--border-color-translucent);
|
||||
--dropdown-divider-margin-y: 0.5rem;
|
||||
--dropdown-box-shadow: 0 0.5rem 1rem var(--shadow-color-light);
|
||||
--dropdown-link-color: hsl(210, 11%, 15%);
|
||||
--dropdown-link-active-color: var(--body-bg);
|
||||
--dropdown-link-active-bg: hsl(240, 98%, 17%);
|
||||
--dropdown-link-disabled-color: hsl(210, 11%, 71%);
|
||||
--dropdown-item-padding-x: 1rem;
|
||||
--dropdown-item-padding-y: 0.25rem;
|
||||
--dropdown-header-color: hsl(210, 7%, 46%);
|
||||
--dropdown-header-padding-x: 1rem;
|
||||
--dropdown-header-padding-y: 0.5rem;
|
||||
|
||||
/* ===== TOAST ===== */
|
||||
--toast-zindex: 1090;
|
||||
--toast-padding-x: 0.75rem;
|
||||
--toast-padding-y: 0.5rem;
|
||||
--toast-spacing: 1em;
|
||||
--toast-max-width: 350px;
|
||||
--toast-font-size: 0.875rem;
|
||||
--toast-color: ;
|
||||
--toast-bg: rgba(255, 255, 255, 0.85);
|
||||
--toast-border-width: 1px;
|
||||
--toast-border-color: var(--border-color-translucent);
|
||||
--toast-border-radius: 0.25rem;
|
||||
--toast-box-shadow: 0 0.5rem 1rem var(--shadow-color-light);
|
||||
--toast-header-color: hsl(210, 7%, 46%);
|
||||
--toast-header-bg: rgba(var(--white-rgb), 0.85);
|
||||
--toast-header-border-color: rgba(var(--black-rgb), var(--opacity-5));
|
||||
|
||||
/* ===== MODAL ===== */
|
||||
--modal-zindex: 1050;
|
||||
--modal-width: 500px;
|
||||
--modal-padding: 1rem;
|
||||
--modal-margin: 0.5rem;
|
||||
--modal-color: ;
|
||||
--modal-bg: var(--body-bg);
|
||||
--modal-border-color: var(--border-color-translucent);
|
||||
--modal-border-width: 1px;
|
||||
--modal-border-radius: 0.3rem;
|
||||
--modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
|
||||
--modal-inner-border-radius: calc(0.3rem - 1px);
|
||||
--modal-header-padding-x: 1rem;
|
||||
--modal-header-padding-y: 1rem;
|
||||
--modal-header-padding: 1rem 1rem;
|
||||
--modal-header-border-color: var(--border-color);
|
||||
--modal-header-border-width: 1px;
|
||||
--modal-title-line-height: 1.5;
|
||||
--modal-footer-gap: 0.5rem;
|
||||
--modal-footer-bg: ;
|
||||
--modal-footer-border-color: var(--border-color);
|
||||
--modal-footer-border-width: 1px;
|
||||
|
||||
/* ===== TOOLTIP ===== */
|
||||
--tooltip-zindex: 1070;
|
||||
--tooltip-max-width: 200px;
|
||||
--tooltip-padding-x: 0.5rem;
|
||||
--tooltip-padding-y: 0.25rem;
|
||||
--tooltip-margin: ;
|
||||
--tooltip-font-size: 0.875rem;
|
||||
--tooltip-color: var(--body-bg);
|
||||
--tooltip-bg: hsl(0, 0%, 0%);
|
||||
--tooltip-border-radius: 0.25rem;
|
||||
--tooltip-opacity: 0.9;
|
||||
--tooltip-arrow-width: 0.8rem;
|
||||
--tooltip-arrow-height: 0.4rem;
|
||||
|
||||
/* ===== POPOVER ===== */
|
||||
--popover-zindex: 1060;
|
||||
--popover-max-width: 276px;
|
||||
--popover-font-size: 0.875rem;
|
||||
--popover-bg: var(--body-bg);
|
||||
--popover-border-width: 1px;
|
||||
--popover-border-color: var(--border-color-translucent);
|
||||
--popover-border-radius: 0.3rem;
|
||||
--popover-inner-border-radius: calc(0.3rem - 1px);
|
||||
--popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
|
||||
--popover-header-padding-x: 1rem;
|
||||
--popover-header-padding-y: 0.5rem;
|
||||
--popover-header-font-size: 1rem;
|
||||
--popover-header-color: ;
|
||||
--popover-header-bg: #f0f0f0;
|
||||
--popover-body-padding-x: 1rem;
|
||||
--popover-body-padding-y: 1rem;
|
||||
--popover-body-color: hsl(210, 11%, 15%);
|
||||
--popover-arrow-width: 1rem;
|
||||
--popover-arrow-height: 0.5rem;
|
||||
--popover-arrow-border: var(--popover-border-color);
|
||||
|
||||
/* ===== SPINNER ===== */
|
||||
--spinner-width: 2rem;
|
||||
--spinner-height: 2rem;
|
||||
--spinner-vertical-align: -0.125em;
|
||||
--spinner-border-width: 0.25em;
|
||||
--spinner-animation-speed: 0.75s;
|
||||
|
||||
/* ===== NAV TABS ===== */
|
||||
--nav-tabs-border-width: 1px;
|
||||
--nav-tabs-border-color: hsl(210, 14%, 89%);
|
||||
--nav-tabs-border-radius: 0.25rem;
|
||||
--nav-tabs-link-active-color: hsl(210, 9%, 31%);
|
||||
--nav-tabs-link-active-bg: var(--body-bg);
|
||||
--nav-tabs-link-active-border-color: hsl(210, 14%, 89%) hsl(210, 14%, 89%) var(--body-bg);
|
||||
|
||||
/* ===== NAV PILLS ===== */
|
||||
--nav-pills-border-radius: 0.25rem;
|
||||
--nav-pills-link-active-color: var(--body-bg);
|
||||
--nav-pills-link-active-bg: hsl(240, 98%, 17%);
|
||||
|
||||
/* ===== TABLE ===== */
|
||||
--table-color: var(--body-color);
|
||||
--table-bg: transparent;
|
||||
--table-border-color: var(--border-color);
|
||||
--table-accent-bg: transparent;
|
||||
--table-striped-color: var(--body-color);
|
||||
--table-striped-bg: rgba(var(--black-rgb), var(--opacity-5));
|
||||
--table-active-color: var(--body-color);
|
||||
--table-active-bg: rgba(var(--black-rgb), 0.075);
|
||||
|
||||
/* ===== BACKDROP ===== */
|
||||
--backdrop-zindex: 1040;
|
||||
--backdrop-bg: hsl(0, 0%, 0%);
|
||||
--backdrop-opacity: 0.5;
|
||||
}
|
||||
|
||||
.btn {
|
||||
|
||||
1
src/media/css/theme/light.standard.min.css
vendored
Normal file
1
src/media/css/theme/light.standard.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
src/media/js/gtm.min.js
vendored
Normal file
1
src/media/js/gtm.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
(()=>{"use strict";const e=window,t={},n=e=>{const t=(()=>{const e=document.currentScript;return e||(Array.from(document.getElementsByTagName("script")).reverse().find(e=>(e.getAttribute("src")||"").includes("/gtm.js"))||null)})(),n=document.documentElement,o=document.body,a=document.querySelector(`meta[name="moko:gtm-${e}"]`);return t&&t.dataset&&t.dataset[e]||n&&n.dataset&&n.dataset[e]||o&&o.dataset&&o.dataset[e]||a&&a.getAttribute("content")||null},o=(e,t=!1)=>{if(null==e)return t;const n=String(e).trim().toLowerCase();return!!["1","true","yes","y","on"].includes(n)||!["0","false","no","n","off"].includes(n)&&t},a=(...e)=>{if(r.debug)try{console.info("[moko-gtm]",...e)}catch(e){}},r={id:"",dataLayerName:"dataLayer",debug:!1,ignoreDNT:!1,blockOnDev:!0,envAuth:"",envPreview:"",consentDefault:{analytics_storage:"granted",functionality_storage:"granted",security_storage:"granted",ad_storage:"denied",ad_user_data:"denied",ad_personalization:"denied"},pageVars:()=>({})},d=(e,t={})=>{const n={...e};for(const e in t){if(!Object.prototype.hasOwnProperty.call(t,e))continue;const o=t[e];o&&"object"==typeof o&&!Array.isArray(o)?n[e]={...n[e]||{},...o}:void 0!==o&&(n[e]=o)}return n},i=()=>{const t=e.MOKO_GTM_OPTIONS&&"object"==typeof e.MOKO_GTM_OPTIONS?e.MOKO_GTM_OPTIONS:{},a=n("id")||e.MOKO_GTM_ID||"",r=n("dataLayer")||"",d=n("debug"),i=n("ignoreDnt"),c=n("blockOnDev"),s=n("envAuth")||"",u=n("envPreview")||"";return{id:a||t.id||"",dataLayerName:r||t.dataLayerName||void 0,debug:o(d,!!t.debug),ignoreDNT:o(i,!!t.ignoreDNT),blockOnDev:o(c,t.blockOnDev??!0),envAuth:s||t.envAuth||"",envPreview:u||t.envPreview||"",consentDefault:t.consentDefault||void 0,pageVars:"function"==typeof t.pageVars?t.pageVars:void 0}},c=()=>{const t=r.dataLayerName;return e[t]=e[t]||[],e[t]},s=(...e)=>{c().push(arguments.length>1?e:e[0]),a("gtag push:",e)};t.push=(...e)=>s(...e),t.setConsent=e=>{s("consent","update",e||{})},t.isLoaded=()=>!!document.querySelector('script[src*="googletagmanager.com/gtm.js"]'),t.config=()=>({...r});const u=()=>{if(!r.id)return void a("GTM ID missing; aborting load.");if(t.isLoaded())return void a("GTM already loaded; skipping duplicate injection.");c().push({"gtm.start":(new Date).getTime(),event:"gtm.js"});const e=document.getElementsByTagName("script")[0],n=document.createElement("script");n.async=!0,n.src=`https://www.googletagmanager.com/gtm.js?id=${encodeURIComponent(r.id)}${"dataLayer"!==r.dataLayerName?`&l=${encodeURIComponent(r.dataLayerName)}`:""}${(()=>{const e=[];return r.envAuth&&e.push(`gtm_auth=${encodeURIComponent(r.envAuth)}`),r.envPreview&&e.push(`gtm_preview=${encodeURIComponent(r.envPreview)}`,"gtm_cookies_win=x"),e.length?`&${e.join("&")}`:""})()}`,e&&e.parentNode?e.parentNode.insertBefore(n,e):(document.head||document.documentElement).appendChild(n),a("Injected GTM script:",n.src)},g=()=>!r.ignoreDNT&&(()=>{const e=navigator,t=(e.doNotTrack||e.msDoNotTrack||e.navigator&&e.navigator.doNotTrack||"").toString().toLowerCase();return"1"===t||"yes"===t})()?(a("DNT is enabled; blocking GTM load (set ignoreDNT=true to override)."),!1):!r.blockOnDev||!(()=>{const t=e.location&&e.location.hostname||"";return"localhost"===t||"127.0.0.1"===t||t.endsWith(".local")||t.endsWith(".test")})()||(a("Development host detected; blocking GTM load (set blockOnDev=false to override)."),!1);t.init=(e={})=>{const t=i(),n=d(r,d(t,e));Object.assign(r,n),a("Config:",r),c(),s("consent","default",r.consentDefault),a("Applied default consent:",r.consentDefault),(()=>{const e={event:"moko.page_init",page_title:document.title||"",page_language:document.documentElement&&document.documentElement.lang||"",..."function"==typeof r.pageVars&&r.pageVars()||{}};s(e)})(),g()?u():a("GTM load prevented by configuration or environment.")};const m=()=>{!(!i().id&&!e.MOKO_GTM_ID)?t.init():a("No GTM ID detected; awaiting manual init via window.mokoGTM.init({ id: 'GTM-XXXXXXX' }).")};"complete"===document.readyState||"interactive"===document.readyState?setTimeout(m,0):document.addEventListener("DOMContentLoaded",m,{once:!0}),e.mokoGTM=t;try{const e=i();o(e.debug,!1)&&(r.debug=!0,a("Ready. You can call window.mokoGTM.init({ id: 'GTM-XXXXXXX' })."))}catch(e){}})();
|
||||
1
src/media/js/template.min.js
vendored
Normal file
1
src/media/js/template.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
!function(e,t){"use strict";var a="theme",n=e.matchMedia("(prefers-color-scheme: dark)"),r=t.documentElement;function o(e){r.setAttribute("data-bs-theme",e),r.setAttribute("data-aria-theme",e);try{localStorage.setItem(a,e)}catch(e){}}function d(){try{localStorage.removeItem(a)}catch(e){}}function i(){return n.matches?"dark":"light"}function c(){try{return localStorage.getItem(a)}catch(e){return null}}function l(){if(!t.getElementById("mokoThemeFab")){var a,l=t.createElement("div");l.id="mokoThemeFab",l.className=(a=(t.body.getAttribute("data-theme-fab-pos")||"br").toLowerCase(),/^(br|bl|tr|tl)$/.test(a)||(a="br"),"pos-"+a);var s=t.createElement("span");s.className="label",s.textContent="Light";var u=t.createElement("button");u.id="mokoThemeSwitch",u.type="button",u.setAttribute("role","switch"),u.setAttribute("aria-label","Toggle dark mode"),u.setAttribute("aria-checked","false");var m=t.createElement("span");m.className="switch";var h=t.createElement("span");h.className="knob",m.appendChild(h),u.appendChild(m);var f=t.createElement("span");f.className="label",f.textContent="Dark";var b=t.createElement("button");b.id="mokoThemeAuto",b.type="button",b.className="btn btn-sm btn-link text-decoration-none px-2",b.setAttribute("aria-label","Follow system theme"),b.textContent="Auto",u.addEventListener("click",function(){var e="dark"===(r.getAttribute("data-bs-theme")||"light").toLowerCase()?"light":"dark";o(e),u.setAttribute("aria-checked","dark"===e?"true":"false");var a=t.querySelector('meta[name="theme-color"]');a&&a.setAttribute("content","dark"===e?"#0f1115":"#ffffff")}),b.addEventListener("click",function(){d();var e=i();o(e),u.setAttribute("aria-checked","dark"===e?"true":"false")});var g=function(){if(!c()){var e=i();o(e),u.setAttribute("aria-checked","dark"===e?"true":"false")}};"function"==typeof n.addEventListener?n.addEventListener("change",g):"function"==typeof n.addListener&&n.addListener(g);var p=c()||i();u.setAttribute("aria-checked","dark"===p?"true":"false"),l.appendChild(s),l.appendChild(u),l.appendChild(f),l.appendChild(b),t.body.appendChild(l),e.mokoThemeFabStatus=function(){var a=t.getElementById("mokoThemeFab");if(!a)return{mounted:!1};var n=a.getBoundingClientRect();return{mounted:!0,rect:{top:n.top,left:n.left,width:n.width,height:n.height},zIndex:e.getComputedStyle(a).zIndex,posClass:a.className}},setTimeout(function(){var e=l.getBoundingClientRect();(e.width<10||e.height<10)&&(l.classList.add("debug-outline"),console.warn("[moko] Theme FAB mounted but appears too small — check CSS collisions."))},50)}}function s(){e.scrollY>50?t.body.classList.add("scrolled"):t.body.classList.remove("scrolled")}function u(){var a=t.getElementById("back-top");a&&a.addEventListener("click",function(t){t.preventDefault(),e.scrollTo({top:0,behavior:"smooth"})})}function m(){!function(){var e=c()||i();o(e);var a=function(){c()||o(i())};"function"==typeof n.addEventListener?n.addEventListener("change",a):"function"==typeof n.addListener&&n.addListener(a);var r=t.getElementById("themeSwitch"),l=t.getElementById("themeAuto");r&&(r.checked="dark"===e,r.addEventListener("change",function(){o(r.checked?"dark":"light")})),l&&l.addEventListener("click",function(){d(),o(i())})}(),"1"===t.body.getAttribute("data-theme-fab-enabled")&&l(),s(),e.addEventListener("scroll",s),t.querySelector(".drawer-toggle-left")||t.querySelector(".drawer-toggle-right"),u()}"loading"===t.readyState?t.addEventListener("DOMContentLoaded",m):m()}(window,document);
|
||||
Reference in New Issue
Block a user