diff --git a/src/language/en-GB/tpl_mokocassiopeia.ini b/src/language/en-GB/tpl_mokocassiopeia.ini index b6f5a5e..0eb9c00 100644 --- a/src/language/en-GB/tpl_mokocassiopeia.ini +++ b/src/language/en-GB/tpl_mokocassiopeia.ini @@ -74,7 +74,6 @@ TPL_MOKOCASSIOPEIA_TOC="Table of Contents" ; ===== Color palette choices (shared) ===== TPL_MOKOCASSIOPEIA_COLOR_NAME_STANDARD="Standard" -TPL_MOKOCASSIOPEIA_COLOR_NAME_ALTERNATIVE="Alternative" TPL_MOKOCASSIOPEIA_COLOR_NAME_CUSTOM="Custom" ; New labels for Theme tab dropdowns TPL_MOKOCASSIOPEIA_COLOR_LIGHT_NAME_LABEL="Light colour palette" diff --git a/src/language/en-US/tpl_mokocassiopeia.ini b/src/language/en-US/tpl_mokocassiopeia.ini index 291ef85..4c12993 100644 --- a/src/language/en-US/tpl_mokocassiopeia.ini +++ b/src/language/en-US/tpl_mokocassiopeia.ini @@ -74,7 +74,6 @@ TPL_MOKOCASSIOPEIA_TOC="Table of Contents" ; ===== Color palette choices (shared) ===== TPL_MOKOCASSIOPEIA_COLOR_NAME_STANDARD="Standard" -TPL_MOKOCASSIOPEIA_COLOR_NAME_ALTERNATIVE="Alternative" TPL_MOKOCASSIOPEIA_COLOR_NAME_CUSTOM="Custom" ; New labels for Theme tab dropdowns TPL_MOKOCASSIOPEIA_COLOR_LIGHT_NAME_LABEL="Light color palette" diff --git a/src/media/css/colors/dark/colors_alternative.css b/src/media/css/colors/dark/colors_alternative.css deleted file mode 100644 index 711f9c7..0000000 --- a/src/media/css/colors/dark/colors_alternative.css +++ /dev/null @@ -1,514 +0,0 @@ -@charset "UTF-8"; -/* Copyright (C) 2025 Moko Consulting - - This file is part of a Moko Consulting project. - - SPDX-License-Identifier: GPL-3.0-or-later - - - - # FILE INFORMATION - DEFGROUP: Joomla.Template.Site - INGROUP: MokoCassiopeia - PATH: ./media/templates/site/mokocassiopeia/css/global/dark/colors_alternative.css - VERSION: 03.05.00 - BRIEF: Alternative dark mode color definitions (Teal & Purple) for MokoCassiopeia template - */ - -/* ----------------------------------------------- - * ALTERNATIVE DARK THEME - TEAL & PURPLE - * --------------------------------------------- */ - -:root[data-bs-theme='dark']{ -color-scheme: dark; - -/* ===== BRAND & THEME COLORS ===== */ ---color-primary: #14b8a6; ---accent-color-primary: #c084fc; ---accent-color-secondary: #d8b4fe; - -/* ===== NAVIGATION ===== */ ---mainmenu-nav-link-color: #fff; ---nav-text-color: #e2e8f0; ---nav-bg-color: #0f766e; - -/* ===== LINKS ===== */ ---color-link: #e9d5ff; ---color-hover: #c084fc; ---color-active: var(--mainmenu-nav-link-color); ---link-color: #c084fc; ---link-color-rgb: 192, 132, 252; ---link-decoration: underline; ---link-hover-color: #d8b4fe; ---link-hover-color-rgb: 216, 180, 254; ---link-active-color: var(--link-color); - -/* ===== OFFCANVAS ===== */ ---offcanvas-color: var(--body-color); ---offcanvas-padding-x: 1rem; ---offcanvas-padding-y: 1rem; - -/* ===== NAVBAR ===== */ ---navbar-padding-x: 1rem; ---navbar-padding-y: 0.5rem; ---navbar-color: var(--nav-text-color); ---navbar-active-color: var(--mainmenu-nav-link-color); ---navbar-disabled-color: #475569; ---navbar-brand-padding-y: 0.3125rem; ---navbar-brand-margin-end: 1rem; ---navbar-brand-font-size: 1.25rem; ---navbar-brand-color: var(--nav-text-color); ---navbar-brand-active-color: var(--mainmenu-nav-link-color); ---navbar-nav-link-padding-x: 0.5rem; ---navbar-toggler-padding-y: 0.25rem; ---navbar-toggler-padding-x: 0.75rem; ---navbar-toggler-font-size: 1.25rem; ---navbar-toggler-border-color: rgba(255, 255, 255, 0.1); ---navbar-toggler-border-radius: 0.25rem; ---navbar-toggler-focus-width: 0.25rem; ---navbar-toggler-transition: box-shadow 0.15s ease-in-out; ---nav-link-padding-x: 1rem; ---nav-link-padding-y: 0.5rem; ---nav-link-font-weight: 400; ---nav-link-color: var(--nav-text-color); ---nav-link-active-color: var(--mainmenu-nav-link-color); ---nav-link-disabled-color: #475569; - -/* ===== TYPOGRAPHY & BODY ===== */ ---font-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; ---font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; ---body-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; ---body-font-size: 1rem; ---body-font-weight: 400; ---body-line-height: 1.5; ---body-color: #e2e8f0; ---body-color-rgb: 226, 232, 240; ---body-bg: #0f172a; ---body-bg-rgb: 15, 23, 42; ---heading-color: #f1f5f9; ---emphasis-color: #fff; ---emphasis-color-rgb: 255, 255, 255; ---secondary-color: #cbd5e1; ---secondary-color-rgb: 203, 213, 225; ---tertiary-color: #94a3b8; ---tertiary-color-rgb: 148, 163, 184; ---muted-color: #64748b; ---code-color: #e879f9; ---code-color-ink: var(--code-color, #e879f9); ---highlight-color: #0f172a; ---highlight-bg: #fef08a1a; - -/* ===== LAYOUT & SPACING ===== */ ---padding-x: 0.15rem; ---padding-y: 0.15rem; ---bg-opacity: 1; ---nav-toggle-size: 3rem; ---gradient: linear-gradient(180deg, #ffffff26, #fff0); ---secondary-bg: #1e293b; ---secondary-bg-rgb: 30, 41, 59; ---tertiary-bg: #334155; ---tertiary-bg-rgb: 51, 65, 85; ---hr-color: var(--border-color, #334155); ---border-color-soft: var(--border-color, #334155); ---kbd-bg: var(--secondary-bg, #1e293b); ---kbd-ink: var(--body-bg, #0f172a); ---toc-bg: var(--secondary-bg, #1e293b); ---toc-ink: var(--color-primary, #14b8a6); ---selection-bg: var(--highlight-bg, #fef08a1a); ---selection-ink: var(--body-color, #e2e8f0); ---border: 5px; - -/* ===== BREAKPOINTS ===== */ ---bp-xs: 0; ---bp-sm: 576px; ---bp-md: 768px; ---bp-lg: 992px; ---bp-xl: 1200px; - -/* ===== BOOTSTRAP PALETTE ===== */ ---primary: #14b8a6; ---secondary: #64748b; ---success: #34d399; ---info: #38bdf8; ---warning: #fbbf24; ---danger: #fb7185; ---light: #334155; ---dark: #0f172a; ---primary-rgb: 20, 184, 166; ---secondary-rgb: 100, 116, 139; ---success-rgb: 52, 211, 153; ---info-rgb: 56, 189, 248; ---warning-rgb: 251, 191, 36; ---danger-rgb: 251, 113, 133; ---light-rgb: 51, 65, 85; ---dark-rgb: 15, 23, 42; ---primary-text-emphasis: #99f6e4; ---secondary-text-emphasis: #cbd5e1; ---success-text-emphasis: #a7f3d0; ---info-text-emphasis: #bae6fd; ---warning-text-emphasis: #fde68a; ---danger-text-emphasis: #fecdd3; ---light-text-emphasis: #cbd5e1; ---dark-text-emphasis: #cbd5e1; ---primary-bg-subtle: #134e4a; ---secondary-bg-subtle: #1e293b; ---success-bg-subtle: #064e3b; ---info-bg-subtle: #0c4a6e; ---warning-bg-subtle: #78350f; ---danger-bg-subtle: #881337; ---light-bg-subtle: #1e293b; ---dark-bg-subtle: #0f172a; ---primary-border-subtle: #115e59; ---secondary-border-subtle: #334155; ---success-border-subtle: #065f46; ---info-border-subtle: #075985; ---warning-border-subtle: #92400e; ---danger-border-subtle: #9f1239; ---light-border-subtle: #334155; ---dark-border-subtle: #1e293b; - -/* ===== STANDARD COLORS ===== */ ---blue: #60a5fa; ---indigo: #818cf8; ---purple: #c084fc; ---pink: #f472b6; ---red: #f87171; ---orange: #fb923c; ---yellow: #fbbf24; ---green: #34d399; ---teal: #2dd4bf; ---cyan: #22d3ee; ---black: #000; ---white: #fff; - -/* ===== GRAY SCALE ===== */ ---gray-100: #1e293b; ---gray-200: #334155; ---gray-300: #475569; ---gray-400: #64748b; ---gray-500: #94a3b8; ---gray-600: #cbd5e1; ---gray-700: #e2e8f0; ---gray-800: #f1f5f9; ---gray-900: #f8fafc; ---white-rgb: 255, 255, 255; ---black-rgb: 0, 0, 0; - -/* ===== HEADER BACKGROUND ===== */ ---header-background-image: url('../../../../../../media/templates/site/mokocassiopeia/images/bg.svg'); ---header-background-attachment: fixed; ---header-background-repeat: repeat; ---header-background-size: auto; - -/* ===== CONTAINER BACKGROUNDS ===== */ -/* Below Topbar Container */ ---container-below-topbar-bg-image: none; ---container-below-topbar-bg-color: transparent; ---container-below-topbar-bg-position: center; ---container-below-topbar-bg-attachment: fixed; ---container-below-topbar-bg-repeat: no-repeat; ---container-below-topbar-bg-size: cover; ---container-below-topbar-border: none; ---container-below-topbar-border-radius: 0; - -/* Top A Container */ ---container-top-a-bg-image: none; ---container-top-a-bg-color: transparent; ---container-top-a-bg-position: center; ---container-top-a-bg-attachment: fixed; ---container-top-a-bg-repeat: no-repeat; ---container-top-a-bg-size: cover; ---container-top-a-border: none; ---container-top-a-border-radius: 0; - -/* Top B Container */ ---container-top-b-bg-image: none; ---container-top-b-bg-color: transparent; ---container-top-b-bg-position: center; ---container-top-b-bg-attachment: fixed; ---container-top-b-bg-repeat: no-repeat; ---container-top-b-bg-size: cover; ---container-top-b-border: none; ---container-top-b-border-radius: 0; - -/* TOC Container */ ---container-toc-bg: var(--secondary-bg); ---container-toc-color: #99f6e4; - -/* Sidebar Container */ ---container-sidebar-bg-image: none; ---container-sidebar-bg-color: transparent; ---container-sidebar-bg-position: center; ---container-sidebar-bg-attachment: scroll; ---container-sidebar-bg-repeat: repeat; ---container-sidebar-bg-size: auto; ---container-sidebar-border: none; ---container-sidebar-border-radius: 0; - -/* Bottom A Container */ ---container-bottom-a-bg-image: none; ---container-bottom-a-bg-color: transparent; ---container-bottom-a-bg-position: center; ---container-bottom-a-bg-attachment: fixed; ---container-bottom-a-bg-repeat: no-repeat; ---container-bottom-a-bg-size: cover; ---container-bottom-a-border: none; ---container-bottom-a-border-radius: 5px; - -/* Bottom B Container */ ---container-bottom-b-bg-image: none; ---container-bottom-b-bg-color: transparent; ---container-bottom-b-bg-position: center; ---container-bottom-b-bg-attachment: fixed; ---container-bottom-b-bg-repeat: no-repeat; ---container-bottom-b-bg-size: cover; ---container-bottom-b-border: none; ---container-bottom-b-border-radius: 0; - -/* ===== BORDERS ===== */ ---border-width: 1px; ---border-style: solid; ---border-color: #334155; ---border-color-translucent: #ffffff26; ---border-radius: .25rem; ---border-radius-sm: .2rem; ---border-radius-lg: .3rem; ---border-radius-xl: .3rem; ---border-radius-xxl: 2rem; ---border-radius-2xl: var(--border-radius-xxl); ---border-radius-pill: 50rem; - -/* ===== SHADOWS ===== */ ---box-shadow: 0 .5rem 1rem #00000066; ---box-shadow-sm: 0 .125rem .25rem #00000040; ---box-shadow-lg: 0 1rem 3rem #00000080; ---box-shadow-inset: inset 0 1px 2px #00000040; - -/* ===== FOCUS & FORMS ===== */ ---focus-ring-width: .25rem; ---focus-ring-opacity: .6; ---focus-ring-color: #14b8a666; ---input-color: #e2e8f0; ---input-bg: #1e293b; ---input-border-color: #475569; ---input-focus-border-color: #14b8a6; ---input-focus-box-shadow: 0 0 0 0.25rem rgba(20, 184, 166, 0.25); ---input-placeholder-color: #94a3b8; ---input-disabled-bg: #0f172a; ---input-disabled-border-color: #334155; ---form-valid-color: #34d399; ---form-valid-border-color: #34d399; ---form-invalid-color: #fb7185; ---form-invalid-border-color: #fb7185; - -/* ===== BUTTONS ===== */ ---btn-border-radius: var(--border-radius); ---btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 1px rgba(0, 0, 0, 0.3); - -/* ===== CARDS ===== */ ---card-spacer-y: 1rem; ---card-spacer-x: 1rem; ---card-title-spacer-y: 0.5rem; ---card-border-width: 1px; ---card-border-color: var(--border-color); ---card-border-radius: var(--border-radius); ---card-box-shadow: none; ---card-inner-border-radius: calc(var(--border-radius) - 1px); ---card-cap-padding-y: 0.5rem; ---card-cap-padding-x: 1rem; ---card-cap-bg: rgba(255, 255, 255, 0.03); ---card-cap-color: var(--body-color); ---card-height: auto; ---card-color: var(--body-color); ---card-bg: var(--secondary-bg); ---card-img-overlay-padding: 1rem; ---card-group-margin: 0.75rem; - -/* ===== VIRTUEMART (VM) ===== */ -/* VM Surfaces */ ---vm-surface: var(--secondary-bg); ---vm-surface-2: var(--tertiary-bg); ---vm-text: var(--body-color); ---vm-text-strong: #ffffff; ---vm-text-muted: var(--gray-600); ---vm-border: var(--border-color); ---vm-price-color: var(--success); - -/* VM Layout and Density */ ---vm-container-max-width: 1200px; ---vm-section-gap: 2rem; ---vm-block-radius: var(--border-radius); ---vm-block-shadow: var(--box-shadow-sm); - -/* VM Typography */ ---vm-category-title-size: 2rem; ---vm-subcategory-title-size: 1.5rem; ---vm-page-title-size: 1.75rem; ---vm-products-type-title-size: 1.25rem; ---vm-product-title-size: 1.125rem; ---vm-product-title-weight: 500; ---vm-products-type-title-weight: 600; ---vm-price-size: 1.5rem; ---vm-price-detail-size: 1.125rem; ---vm-price-desc-size: 0.875rem; - -/* VM Controls */ ---vm-input-radius: var(--border-radius); ---vm-input-shadow: var(--box-shadow-sm); ---vm-qty-width: 80px; ---vm-cart-dropdown-min-width: 300px; - -/* VM Alerts */ ---vm-alert-radius: var(--border-radius); ---vm-alert-shadow: var(--box-shadow-sm); ---vm-availability-bg: var(--success-bg-subtle); ---vm-availability-text: var(--success); - -/* VM Buttons */ ---vm-btn-padding-x: 1rem; ---vm-btn-padding-y: 0.5rem; ---vm-btn-radius: var(--border-radius); ---vm-btn-shadow: var(--box-shadow-sm); ---vm-btn-primary-bg: var(--primary); ---vm-btn-primary-text: #ffffff; ---vm-btn-primary-border: var(--primary); ---vm-btn-secondary-bg: var(--secondary); ---vm-btn-secondary-text: #ffffff; ---vm-btn-secondary-border: var(--secondary); - -/* VM Image Overlay Controls */ ---vm-image-overlay-gap-x: 0.5rem; ---vm-image-overlay-gap-y: 0.5rem; ---vm-image-overlay-raise: 0.25rem; ---vm-image-overlay-btn-size: 2.5rem; ---vm-image-overlay-btn-radius: 50%; ---vm-image-overlay-btn-bg: rgba(0, 0, 0, 0.7); ---vm-image-overlay-btn-bg-hover: rgba(0, 0, 0, 0.85); ---vm-image-overlay-btn-border-color: rgba(255, 255, 255, 0.2); ---vm-image-overlay-btn-border-width: 1px; ---vm-image-overlay-btn-color: var(--body-color); ---vm-image-overlay-btn-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); - -/* VM Vendor Menu */ ---vm-vendor-menu-bg: var(--secondary-bg); ---vm-vendor-menu-border: var(--border-color); ---vm-vendor-menu-radius: var(--border-radius); ---vm-vendor-menu-shadow: var(--box-shadow-sm); ---vm-vendor-menu-item-gap: 0.25rem; ---vm-vendor-menu-item-padding-x: 1rem; ---vm-vendor-menu-item-padding-y: 0.5rem; ---vm-vendor-menu-pill-radius: 50rem; ---vm-vendor-menu-link: var(--link-color); ---vm-vendor-menu-link-hover: var(--link-hover-color); ---vm-vendor-menu-link-active: var(--primary); ---vm-vendor-menu-hover-bg: var(--tertiary-bg); - -/* ===== GABLE ===== */ ---gab-blue: #60a5fa; ---gab-green: #34d399; ---gab-red: #f87171; ---gab-orange: #fb923c; ---gab-gray1: #94a3b8; ---gab-gray2: #cbd5e1; ---gab-gray3: #e2e8f0; -} - -.btn { ---btn-padding-x: 1rem; ---btn-padding-y: 0.6rem; ---btn-font-family: inherit; ---btn-font-size: 1rem; ---btn-font-weight: 400; ---btn-line-height: 1.5; ---btn-color: var(--white); ---btn-bg: transparent; ---btn-border-width: 1px; ---btn-border-color: transparent; ---btn-border-radius: 0.25rem; ---btn-active-border-color: transparent; ---btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); ---btn-disabled-opacity: 0.65; ---btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb), .5); -display: inline-block; -padding: var(--btn-padding-y) var(--btn-padding-x); -font-family: var(--btn-font-family); -font-size: var(--btn-font-size); -font-weight: var(--btn-font-weight); -line-height: var(--btn-line-height); -color: var(--btn-color); -text-align: center; -text-decoration: none; -vertical-align: middle; -cursor: pointer; --webkit-user-select: none; --moz-user-select: none; --ms-user-select: none; -user-select: none; -border: var(--btn-border-width) solid var(--btn-border-color); -border-radius: var(--btn-border-radius); -background-color: var(--btn-bg); --webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; --o-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; -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; -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, -webkit-box-shadow 0.15s ease-in-out; -} - -.btn-primary { ---btn-color: #ffffff; ---btn-bg: #14b8a6; ---btn-border-color: #14b8a6; ---btn-hover-color: #ffffff; ---btn-hover-bg: #0d9488; ---btn-hover-border-color: #0d9488; ---btn-focus-shadow-rgb: 20, 184, 166; ---btn-active-color: #ffffff; ---btn-active-bg: #0d9488; ---btn-active-border-color: #0f766e; -} - -.btn-secondary { ---btn-color: var(--nav-text-color); ---btn-bg: var(--nav-bg-color); ---btn-border-color: #475569; ---btn-hover-color: #fff; ---btn-hover-bg: #115e59; ---btn-hover-border-color: #134e4a; ---btn-focus-shadow-rgb: 20, 184, 166; ---btn-active-color: #fff; ---btn-active-bg: #134e4a; ---btn-active-border-color: #134e4a; -} - -.btn-outline-light { ---btn-color: #e2e8f0; ---btn-border-color: #e2e8f0; ---btn-hover-color: #0f172a; ---btn-hover-bg: #e2e8f0; ---btn-hover-border-color: #e2e8f0; ---btn-active-color: #0f172a; ---btn-active-bg: #cbd5e1; ---btn-active-border-color: #cbd5e1; ---gradient: none; -} - -.btn-link { ---btn-font-weight: 400; ---btn-color: var(--color-link); ---btn-bg: transparent; ---btn-border-color: transparent; ---btn-hover-color: var(--link-hover-color); ---btn-hover-border-color: transparent; ---btn-active-color: var(--link-hover-color); ---btn-active-border-color: transparent; ---btn-disabled-color: #64748b; ---btn-disabled-border-color: transparent; ---btn-box-shadow: none; ---btn-focus-shadow-rgb: 20, 184, 166; -text-decoration: underline; -} - -.btn-secondary { ---btn-color: var(--color-hover); ---btn-bg: var(--nav-bg-color); -} diff --git a/src/media/css/colors/light/colors_alternative.css b/src/media/css/colors/light/colors_alternative.css deleted file mode 100644 index a770317..0000000 --- a/src/media/css/colors/light/colors_alternative.css +++ /dev/null @@ -1,742 +0,0 @@ -@charset "UTF-8"; -/* Copyright (C) 2025 Moko Consulting - - This file is part of a Moko Consulting project. - - SPDX-License-Identifier: GPL-3.0-or-later - - - - # FILE INFORMATION - DEFGROUP: Joomla.Template.Site - INGROUP: MokoCassiopeia - PATH: ./media/templates/site/mokocassiopeia/css/global/light/colors_alternative.css - VERSION: 03.05.00 - BRIEF: Alternative light mode color definitions (Teal & Purple) for MokoCassiopeia template - */ - -/* ----------------------------------------------- - * ALTERNATIVE LIGHT THEME - TEAL & PURPLE - * --------------------------------------------- */ - -:root[data-bs-theme="light"] { -color-scheme: light; - -/* ===== BRAND & THEME COLORS ===== */ ---color-primary: #0d9488; ---accent-color-primary: #a855f7; ---accent-color-secondary: #c084fc; - -/* ===== NAVIGATION ===== */ ---mainmenu-nav-link-color: white; ---nav-text-color: white; ---nav-bg-color: #0d9488; - -/* ===== LINKS ===== */ ---color-link: #7c3aed; ---color-hover: #a855f7; ---link-color: #7c3aed; ---link-color-rgb: 124, 58, 237; ---link-decoration: underline; ---link-hover-color: #a855f7; ---link-hover-color-rgb: 168, 85, 247; ---link-active-color: var(--link-color); - -/* ===== OFFCANVAS ===== */ ---offcanvas-color: var(--body-color); ---offcanvas-padding-x: 1rem; ---offcanvas-padding-y: 1rem; - -/* ===== NAVBAR ===== */ ---navbar-padding-x: 1rem; ---navbar-padding-y: 0.5rem; ---navbar-color: var(--nav-text-color); ---navbar-active-color: var(--mainmenu-nav-link-color); ---navbar-disabled-color: #94a3b8; ---navbar-brand-padding-y: 0.3125rem; ---navbar-brand-margin-end: 1rem; ---navbar-brand-font-size: 1.25rem; ---navbar-brand-color: var(--nav-text-color); ---navbar-brand-active-color: var(--mainmenu-nav-link-color); ---navbar-nav-link-padding-x: 0.5rem; ---navbar-toggler-padding-y: 0.25rem; ---navbar-toggler-padding-x: 0.75rem; ---navbar-toggler-font-size: 1.25rem; ---navbar-toggler-border-color: rgba(0, 0, 0, 0.1); ---navbar-toggler-border-radius: 0.25rem; ---navbar-toggler-focus-width: 0.25rem; ---navbar-toggler-transition: box-shadow 0.15s ease-in-out; ---nav-link-padding-x: 1rem; ---nav-link-padding-y: 0.5rem; ---nav-link-font-weight: 400; ---nav-link-color: var(--nav-text-color); ---nav-link-active-color: var(--mainmenu-nav-link-color); ---nav-link-disabled-color: #94a3b8; - -/* ===== TYPOGRAPHY & BODY ===== */ ---font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; ---font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; ---body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); ---body-font-size: 1rem; ---body-font-weight: 400; ---body-line-height: 1.5; ---body-color: #1e293b; ---body-color-rgb: 30, 41, 59; ---body-bg: #fff; ---body-bg-rgb: 255, 255, 255; ---heading-color: inherit; ---emphasis-color: #0f172a; ---emphasis-color-rgb: 15, 23, 42; ---secondary-color: #475569; ---secondary-color-rgb: 71, 85, 105; ---tertiary-color: #64748b; ---tertiary-color-rgb: 100, 116, 139; ---muted-color: #64748b; ---code-color: #c026d3; ---code-color-ink: var(--code-color, #c026d3); ---highlight-color: #1e293b; ---highlight-bg: #fde68a; - -/* ===== LAYOUT & SPACING ===== */ ---padding-x: 0.15rem; ---padding-y: 0.15rem; ---bg-opacity: 1; ---nav-toggle-size: 3rem; ---gradient: linear-gradient(180deg, #ffffff26, #fff0); ---secondary-bg: #f1f5f9; ---secondary-bg-rgb: 241, 245, 249; ---tertiary-bg: #f8fafc; ---tertiary-bg-rgb: 248, 250, 252; ---hr-color: var(--border-color, #e2e8f0); ---border-color-soft: var(--border-color, #e2e8f0); ---kbd-bg: var(--secondary-bg, #f1f5f9); ---kbd-ink: var(--body-bg, #fff); ---toc-bg: var(--secondary-bg, #f1f5f9); ---toc-ink: var(--color-primary, #0d9488); ---selection-bg: var(--highlight-bg, #fde68a); ---selection-ink: var(--body-color, #1e293b); ---border: 5px; - -/* ===== BREAKPOINTS ===== */ ---bp-xs: 0; ---bp-sm: 576px; ---bp-md: 768px; ---bp-lg: 992px; ---bp-xl: 1200px; - -/* ===== BOOTSTRAP PALETTE ===== */ ---primary: #0d9488; ---secondary: #64748b; ---success: #10b981; ---info: #0ea5e9; ---warning: #f59e0b; ---danger: #f43f5e; ---light: #f8fafc; ---dark: #334155; ---primary-rgb: 13, 148, 136; ---secondary-rgb: 100, 116, 139; ---success-rgb: 16, 185, 129; ---info-rgb: 14, 165, 233; ---warning-rgb: 245, 158, 11; ---danger-rgb: 244, 63, 94; ---light-rgb: 248, 250, 252; ---dark-rgb: 51, 65, 85; ---primary-text-emphasis: #0f766e; ---secondary-text-emphasis: #334155; ---success-text-emphasis: #047857; ---info-text-emphasis: #0369a1; ---warning-text-emphasis: #c2410c; ---danger-text-emphasis: #be123c; ---light-text-emphasis: #475569; ---dark-text-emphasis: #475569; ---primary-bg-subtle: #ccfbf1; ---secondary-bg-subtle: #e2e8f0; ---success-bg-subtle: #d1fae5; ---info-bg-subtle: #e0f2fe; ---warning-bg-subtle: #fef3c7; ---danger-bg-subtle: #ffe4e6; ---light-bg-subtle: #fcfcfd; ---dark-bg-subtle: #cbd5e1; ---primary-border-subtle: #99f6e4; ---secondary-border-subtle: #cbd5e1; ---success-border-subtle: #a7f3d0; ---info-border-subtle: #bae6fd; ---warning-border-subtle: #fde68a; ---danger-border-subtle: #fecdd3; ---light-border-subtle: #f1f5f9; ---dark-border-subtle: #94a3b8; - -/* ===== STANDARD COLORS ===== */ ---blue: #3b82f6; ---indigo: #6366f1; ---purple: #a855f7; ---pink: #ec4899; ---red: #ef4444; ---orange: #f97316; ---yellow: #f59e0b; ---green: #10b981; ---teal: #14b8a6; ---cyan: #06b6d4; ---black: #000; ---white: #fff; - -/* ===== GRAY SCALE ===== */ ---gray-100: #f8fafc; ---gray-200: #f1f5f9; ---gray-300: #e2e8f0; ---gray-400: #cbd5e1; ---gray-500: #94a3b8; ---gray-600: #64748b; ---gray-700: #475569; ---gray-800: #334155; ---gray-900: #1e293b; ---white-rgb: 255, 255, 255; ---black-rgb: 0, 0, 0; - -/* ===== HEADER BACKGROUND ===== */ ---header-background-image: url('../../../../../../media/templates/site/mokocassiopeia/images/bg.svg'); ---header-background-attachment: fixed; ---header-background-repeat: repeat; ---header-background-size: auto; - -/* ===== CONTAINER BACKGROUNDS ===== */ -/* Below Topbar Container */ ---container-below-topbar-bg-image: none; ---container-below-topbar-bg-color: transparent; ---container-below-topbar-bg-position: auto; ---container-below-topbar-bg-attachment: fixed; ---container-below-topbar-bg-repeat: repeat; ---container-below-topbar-bg-size: auto; ---container-below-topbar-border: none; ---container-below-topbar-border-radius: 0; - -/* Top A Container */ ---container-top-a-bg-image: none; ---container-top-a-bg-color: transparent; ---container-top-a-bg-position: auto; ---container-top-a-bg-attachment: fixed; ---container-top-a-bg-repeat: repeat; ---container-top-a-bg-size: auto; ---container-top-a-border: none; ---container-top-a-border-radius: 0; - -/* Top B Container */ ---container-top-b-bg-image: none; ---container-top-b-bg-color: transparent; ---container-top-b-bg-position: auto; ---container-top-b-bg-attachment: fixed; ---container-top-b-bg-repeat: repeat; ---container-top-b-bg-size: auto; ---container-top-b-border: none; ---container-top-b-border-radius: 0; - -/* TOC Container */ ---container-toc-bg: var(--mainmenu-nav-link-color); ---container-toc-color: var(--color-primary); - -/* Sidebar Container */ ---container-sidebar-bg-image: none; ---container-sidebar-bg-color: transparent; ---container-sidebar-bg-position: auto; ---container-sidebar-bg-attachment: scroll; ---container-sidebar-bg-repeat: repeat; ---container-sidebar-bg-size: auto; ---container-sidebar-border: none; ---container-sidebar-border-radius: 0; - -/* Bottom A Container */ ---container-bottom-a-bg-image: none; ---container-bottom-a-bg-color: transparent; ---container-bottom-a-bg-position: auto; ---container-bottom-a-bg-attachment: fixed; ---container-bottom-a-bg-repeat: repeat; ---container-bottom-a-bg-size: auto; ---container-bottom-a-border: none; ---container-bottom-a-border-radius: 0; - -/* Bottom B Container */ ---container-bottom-b-bg-image: none; ---container-bottom-b-bg-color: transparent; ---container-bottom-b-bg-position: auto; ---container-bottom-b-bg-attachment: fixed; ---container-bottom-b-bg-repeat: repeat; ---container-bottom-b-bg-size: auto; ---container-bottom-b-border: none; ---container-bottom-b-border-radius: 0; - -/* ===== BORDERS ===== */ ---border-width: 1px; ---border-style: solid; ---border-color: #e2e8f0; ---border-color-translucent: #0000002d; ---border-radius: .25rem; ---border-radius-sm: .2rem; ---border-radius-lg: .3rem; ---border-radius-xl: .3rem; ---border-radius-xxl: 2rem; ---border-radius-2xl: var(--border-radius-xxl)*2; ---border-radius-pill: 50rem; - -/* ===== SHADOWS ===== */ ---box-shadow: 0 .5rem 1rem #0000001a; ---box-shadow-sm: 0 .125rem .25rem #0000000d; ---box-shadow-lg: 0 1rem 3rem #00000026; ---box-shadow-inset: inset 0 1px 2px #0000000d; - -/* ===== FOCUS & FORMS ===== */ ---focus-ring-width: .25rem; ---focus-ring-opacity: .25; ---focus-ring-color: #0d948840; ---input-color: #1e293b; ---input-bg: #f8fafc; ---input-border-color: #cbd5e1; ---input-focus-border-color: #14b8a6; ---input-focus-box-shadow: 0 0 0 0.25rem rgba(13, 148, 136, 0.25); ---input-placeholder-color: #64748b; ---input-disabled-bg: #e2e8f0; ---input-disabled-border-color: #cbd5e1; ---form-valid-color: #10b981; ---form-valid-border-color: #10b981; ---form-invalid-color: #f43f5e; ---form-invalid-border-color: #f43f5e; - -/* ===== BUTTONS ===== */ ---btn-border-radius: var(--border-radius); ---btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); - -/* ===== CARDS ===== */ ---card-spacer-y: 1rem; ---card-spacer-x: 1rem; ---card-title-spacer-y: 0.5rem; ---card-border-width: 1px; ---card-border-color: var(--border-color); ---card-border-radius: var(--border-radius); ---card-box-shadow: none; ---card-inner-border-radius: calc(var(--border-radius) - 1px); ---card-cap-padding-y: 0.5rem; ---card-cap-padding-x: 1rem; ---card-cap-bg: rgba(0, 0, 0, 0.03); ---card-cap-color: var(--body-color); ---card-height: auto; ---card-color: var(--body-color); ---card-bg: var(--body-bg); ---card-img-overlay-padding: 1rem; ---card-group-margin: 0.75rem; - -/* ===== VIRTUEMART (VM) ===== */ -/* VM Surfaces */ ---vm-surface: #ffffff; ---vm-surface-2: #f8fafc; ---vm-text: var(--body-color); ---vm-text-strong: #0f172a; ---vm-text-muted: #64748b; ---vm-border: var(--border-color); ---vm-price-color: var(--success); - -/* VM Layout and Density */ ---vm-container-max-width: 1200px; ---vm-section-gap: 2rem; ---vm-block-radius: var(--border-radius); ---vm-block-shadow: var(--box-shadow-sm); - -/* VM Typography */ ---vm-category-title-size: 2rem; ---vm-subcategory-title-size: 1.5rem; ---vm-page-title-size: 1.75rem; ---vm-products-type-title-size: 1.25rem; ---vm-product-title-size: 1.125rem; ---vm-product-title-weight: 500; ---vm-products-type-title-weight: 600; ---vm-price-size: 1.5rem; ---vm-price-detail-size: 1.125rem; ---vm-price-desc-size: 0.875rem; - -/* VM Controls */ ---vm-input-radius: var(--border-radius); ---vm-input-shadow: var(--box-shadow-sm); ---vm-qty-width: 80px; ---vm-cart-dropdown-min-width: 300px; - -/* VM Alerts */ ---vm-alert-radius: var(--border-radius); ---vm-alert-shadow: var(--box-shadow-sm); ---vm-availability-bg: var(--success-bg-subtle); ---vm-availability-text: var(--success); - -/* VM Buttons */ ---vm-btn-padding-x: 1rem; ---vm-btn-padding-y: 0.5rem; ---vm-btn-radius: var(--border-radius); ---vm-btn-shadow: var(--box-shadow-sm); ---vm-btn-primary-bg: var(--primary); ---vm-btn-primary-text: #ffffff; ---vm-btn-primary-border: var(--primary); ---vm-btn-secondary-bg: var(--secondary); ---vm-btn-secondary-text: #ffffff; ---vm-btn-secondary-border: var(--secondary); - -/* VM Image Overlay Controls */ ---vm-image-overlay-gap-x: 0.5rem; ---vm-image-overlay-gap-y: 0.5rem; ---vm-image-overlay-raise: 0.25rem; ---vm-image-overlay-btn-size: 2.5rem; ---vm-image-overlay-btn-radius: 50%; ---vm-image-overlay-btn-bg: rgba(255, 255, 255, 0.9); ---vm-image-overlay-btn-bg-hover: rgba(255, 255, 255, 1); ---vm-image-overlay-btn-border-color: rgba(0, 0, 0, 0.1); ---vm-image-overlay-btn-border-width: 1px; ---vm-image-overlay-btn-color: var(--body-color); ---vm-image-overlay-btn-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); - -/* VM Vendor Menu */ ---vm-vendor-menu-bg: var(--body-bg); ---vm-vendor-menu-border: var(--border-color); ---vm-vendor-menu-radius: var(--border-radius); ---vm-vendor-menu-shadow: var(--box-shadow-sm); ---vm-vendor-menu-item-gap: 0.25rem; ---vm-vendor-menu-item-padding-x: 1rem; ---vm-vendor-menu-item-padding-y: 0.5rem; ---vm-vendor-menu-pill-radius: 50rem; ---vm-vendor-menu-link: var(--link-color); ---vm-vendor-menu-link-hover: var(--link-hover-color); ---vm-vendor-menu-link-active: var(--primary); ---vm-vendor-menu-hover-bg: var(--secondary-bg); - -/* ===== GABLE ===== */ ---gab-blue: #3b82f6; ---gab-green: #10b981; ---gab-red: #ef4444; ---gab-orange: #f97316; ---gab-gray1: #475569; ---gab-gray2: #64748b; ---gab-gray3: #94a3b8; -} - -.btn { ---btn-padding-x: 1rem; ---btn-padding-y: 0.6rem; ---btn-font-family: inherit; ---btn-font-size: 1rem; ---btn-font-weight: 400; ---btn-line-height: 1.5; ---btn-color: #1e293b; ---btn-bg: transparent; ---btn-border-width: 1px; ---btn-border-color: transparent; ---btn-border-radius: 0.25rem; ---btn-active-border-color: transparent; ---btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); ---btn-disabled-opacity: 0.65; ---btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb), .5); -display: inline-block; -padding: var(--btn-padding-y) var(--btn-padding-x); -font-family: var(--btn-font-family); -font-size: var(--btn-font-size); -font-weight: var(--btn-font-weight); -line-height: var(--btn-line-height); -color: var(--btn-color); -text-align: center; -text-decoration: none; -vertical-align: middle; -cursor: pointer; --webkit-user-select: none; --moz-user-select: none; --ms-user-select: none; -user-select: none; -border: var(--btn-border-width) solid var(--btn-border-color); -border-radius: var(--btn-border-radius); -background-color: var(--btn-bg); --webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; --o-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; -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; -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, -webkit-box-shadow 0.15s ease-in-out; -} - -.btn-primary { ---btn-color: #ffffff; ---btn-bg: #0d9488; ---btn-border-color: #0d9488; ---btn-hover-color: #ffffff; ---btn-hover-bg: #0f766e; ---btn-hover-border-color: #0f766e; ---btn-focus-shadow-rgb: 13, 148, 136; ---btn-active-color: #ffffff; ---btn-active-bg: #0f766e; ---btn-active-border-color: #115e59; ---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); ---btn-disabled-color: #ffffff; ---btn-disabled-bg: #0d9488; ---btn-disabled-border-color: #0d9488; -} - -.btn-secondary { ---btn-color: #ffffff; ---btn-bg: #64748b; ---btn-border-color: #64748b; ---btn-hover-color: #ffffff; ---btn-hover-bg: #475569; ---btn-hover-border-color: #475569; ---btn-focus-shadow-rgb: 100, 116, 139; ---btn-active-color: #ffffff; ---btn-active-bg: #475569; ---btn-active-border-color: #334155; ---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); ---btn-disabled-color: #ffffff; ---btn-disabled-bg: #64748b; ---btn-disabled-border-color: #64748b; -} - -.btn-success { ---btn-color: #ffffff; ---btn-bg: #10b981; ---btn-border-color: #10b981; ---btn-hover-color: #ffffff; ---btn-hover-bg: #059669; ---btn-hover-border-color: #059669; ---btn-focus-shadow-rgb: 16, 185, 129; ---btn-active-color: #ffffff; ---btn-active-bg: #059669; ---btn-active-border-color: #047857; ---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); ---btn-disabled-color: #ffffff; ---btn-disabled-bg: #10b981; ---btn-disabled-border-color: #10b981; -} - -.btn-info { ---btn-color: #ffffff; ---btn-bg: #0ea5e9; ---btn-border-color: #0ea5e9; ---btn-hover-color: #ffffff; ---btn-hover-bg: #0284c7; ---btn-hover-border-color: #0284c7; ---btn-focus-shadow-rgb: 14, 165, 233; ---btn-active-color: #ffffff; ---btn-active-bg: #0284c7; ---btn-active-border-color: #0369a1; ---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); ---btn-disabled-color: #ffffff; ---btn-disabled-bg: #0ea5e9; ---btn-disabled-border-color: #0ea5e9; -} - -.btn-warning { ---btn-color: #ffffff; ---btn-bg: #f59e0b; ---btn-border-color: #f59e0b; ---btn-hover-color: #ffffff; ---btn-hover-bg: #d97706; ---btn-hover-border-color: #d97706; ---btn-focus-shadow-rgb: 245, 158, 11; ---btn-active-color: #ffffff; ---btn-active-bg: #d97706; ---btn-active-border-color: #b45309; ---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); ---btn-disabled-color: #ffffff; ---btn-disabled-bg: #f59e0b; ---btn-disabled-border-color: #f59e0b; -} - -.btn-danger { ---btn-color: #ffffff; ---btn-bg: #f43f5e; ---btn-border-color: #f43f5e; ---btn-hover-color: #ffffff; ---btn-hover-bg: #e11d48; ---btn-hover-border-color: #e11d48; ---btn-focus-shadow-rgb: 244, 63, 94; ---btn-active-color: #ffffff; ---btn-active-bg: #e11d48; ---btn-active-border-color: #be123c; ---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); ---btn-disabled-color: #ffffff; ---btn-disabled-bg: #f43f5e; ---btn-disabled-border-color: #f43f5e; -} - -.btn-light { ---btn-color: #1e293b; ---btn-bg: #f8fafc; ---btn-border-color: #f8fafc; ---btn-hover-color: #1e293b; ---btn-hover-bg: #e2e8f0; ---btn-hover-border-color: #e2e8f0; ---btn-focus-shadow-rgb: 248, 250, 252; ---btn-active-color: #1e293b; ---btn-active-bg: #e2e8f0; ---btn-active-border-color: #cbd5e1; ---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); ---btn-disabled-color: #1e293b; ---btn-disabled-bg: #f8fafc; ---btn-disabled-border-color: #f8fafc; -} - -.btn-dark { ---btn-color: #ffffff; ---btn-bg: #334155; ---btn-border-color: #334155; ---btn-hover-color: #ffffff; ---btn-hover-bg: #1e293b; ---btn-hover-border-color: #1e293b; ---btn-focus-shadow-rgb: 51, 65, 85; ---btn-active-color: #ffffff; ---btn-active-bg: #1e293b; ---btn-active-border-color: #0f172a; ---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); ---btn-disabled-color: #ffffff; ---btn-disabled-bg: #334155; ---btn-disabled-border-color: #334155; -} - -.btn-outline-primary { ---btn-color: #0d9488; ---btn-border-color: #0d9488; ---btn-hover-color: #ffffff; ---btn-hover-bg: #0d9488; ---btn-hover-border-color: #0d9488; ---btn-focus-shadow-rgb: 13, 148, 136; ---btn-active-color: #ffffff; ---btn-active-bg: #0d9488; ---btn-active-border-color: #0d9488; ---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); ---btn-disabled-color: #0d9488; ---btn-disabled-bg: transparent; ---btn-disabled-border-color: #0d9488; ---gradient: none; -} - -.btn-outline-secondary { ---btn-color: #64748b; ---btn-border-color: #64748b; ---btn-hover-color: #ffffff; ---btn-hover-bg: #64748b; ---btn-hover-border-color: #64748b; ---btn-focus-shadow-rgb: 100, 116, 139; ---btn-active-color: #ffffff; ---btn-active-bg: #64748b; ---btn-active-border-color: #64748b; ---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); ---btn-disabled-color: #64748b; ---btn-disabled-bg: transparent; ---btn-disabled-border-color: #64748b; ---gradient: none; -} - -.btn-outline-success { ---btn-color: #10b981; ---btn-border-color: #10b981; ---btn-hover-color: #ffffff; ---btn-hover-bg: #10b981; ---btn-hover-border-color: #10b981; ---btn-focus-shadow-rgb: 16, 185, 129; ---btn-active-color: #ffffff; ---btn-active-bg: #10b981; ---btn-active-border-color: #10b981; ---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); ---btn-disabled-color: #10b981; ---btn-disabled-bg: transparent; ---btn-disabled-border-color: #10b981; ---gradient: none; -} - -.btn-outline-info { ---btn-color: #0ea5e9; ---btn-border-color: #0ea5e9; ---btn-hover-color: #ffffff; ---btn-hover-bg: #0ea5e9; ---btn-hover-border-color: #0ea5e9; ---btn-focus-shadow-rgb: 14, 165, 233; ---btn-active-color: #ffffff; ---btn-active-bg: #0ea5e9; ---btn-active-border-color: #0ea5e9; ---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); ---btn-disabled-color: #0ea5e9; ---btn-disabled-bg: transparent; ---btn-disabled-border-color: #0ea5e9; ---gradient: none; -} - -.btn-outline-warning { ---btn-color: #f59e0b; ---btn-border-color: #f59e0b; ---btn-hover-color: #ffffff; ---btn-hover-bg: #f59e0b; ---btn-hover-border-color: #f59e0b; ---btn-focus-shadow-rgb: 245, 158, 11; ---btn-active-color: #ffffff; ---btn-active-bg: #f59e0b; ---btn-active-border-color: #f59e0b; ---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); ---btn-disabled-color: #f59e0b; ---btn-disabled-bg: transparent; ---btn-disabled-border-color: #f59e0b; ---gradient: none; -} - -.btn-outline-danger { ---btn-color: #f43f5e; ---btn-border-color: #f43f5e; ---btn-hover-color: #ffffff; ---btn-hover-bg: #f43f5e; ---btn-hover-border-color: #f43f5e; ---btn-focus-shadow-rgb: 244, 63, 94; ---btn-active-color: #ffffff; ---btn-active-bg: #f43f5e; ---btn-active-border-color: #f43f5e; ---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); ---btn-disabled-color: #f43f5e; ---btn-disabled-bg: transparent; ---btn-disabled-border-color: #f43f5e; ---gradient: none; -} - -.btn-outline-light { ---btn-color: #f8fafc; ---btn-border-color: #f8fafc; ---btn-hover-color: #1e293b; ---btn-hover-bg: #f8fafc; ---btn-hover-border-color: #f8fafc; ---btn-focus-shadow-rgb: 248, 250, 252; ---btn-active-color: #1e293b; ---btn-active-bg: #f8fafc; ---btn-active-border-color: #f8fafc; ---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); ---btn-disabled-color: #f8fafc; ---btn-disabled-bg: transparent; ---btn-disabled-border-color: #f8fafc; ---gradient: none; -} - -.btn-outline-dark { ---btn-color: #334155; ---btn-border-color: #334155; ---btn-hover-color: #ffffff; ---btn-hover-bg: #334155; ---btn-hover-border-color: #334155; ---btn-focus-shadow-rgb: 51, 65, 85; ---btn-active-color: #ffffff; ---btn-active-bg: #334155; ---btn-active-border-color: #334155; ---btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); ---btn-disabled-color: #334155; ---btn-disabled-bg: transparent; ---btn-disabled-border-color: #334155; ---gradient: none; -} - -.btn-link { ---btn-font-weight: 400; ---btn-color: var(--link-color); ---btn-bg: transparent; ---btn-border-color: transparent; ---btn-hover-color: var(--link-hover-color); ---btn-hover-border-color: transparent; ---btn-active-color: var(--link-hover-color); ---btn-active-border-color: transparent; ---btn-disabled-color: #64748b; ---btn-disabled-border-color: transparent; ---btn-box-shadow: none; ---btn-focus-shadow-rgb: 13, 148, 136; -text-decoration: underline; -} diff --git a/src/templates/joomla.asset.json b/src/templates/joomla.asset.json index 371e05a..a63c0a5 100644 --- a/src/templates/joomla.asset.json +++ b/src/templates/joomla.asset.json @@ -76,18 +76,6 @@ "uri": "media/templates/site/mokocassiopeia/css/colors/light/colors_standard.min.css", "attributes": {"media": "all"} }, - { - "name": "template.light.colors_alternative", - "type": "style", - "uri": "media/templates/site/mokocassiopeia/css/colors/light/colors_alternative.css", - "attributes": {"media": "all"} - }, - { - "name": "template.light.colors_alternative.min", - "type": "style", - "uri": "media/templates/site/mokocassiopeia/css/colors/light/colors_alternative.min.css", - "attributes": {"media": "all"} - }, { "name": "template.light.colors_custom", "type": "style",