From 41e13b1a624c53dca6479ecbf8c654141af50aa9 Mon Sep 17 00:00:00 2001 From: Jonathan Miller Date: Sat, 16 May 2026 08:09:21 -0500 Subject: [PATCH 1/4] fix: align template.css fallback values with light theme All var() fallbacks in template.css now use light.standard.css values instead of dark theme values. Also fixes background-color properties that incorrectly referenced --body-color instead of --body-bg. Co-Authored-By: Claude Opus 4.6 (1M context) --- src/media/css/template.css | 798 ++++++++++++++++++------------------- 1 file changed, 399 insertions(+), 399 deletions(-) diff --git a/src/media/css/template.css b/src/media/css/template.css index 65927b1..d56ca4d 100644 --- a/src/media/css/template.css +++ b/src/media/css/template.css @@ -56,9 +56,9 @@ body { font-size: var(--body-font-size, 1rem); font-weight: var(--body-font-weight, 400); line-height: var(--body-line-height, 1.5); - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); text-align: var(--body-text-align); - background: var(--body-bg, #0e1318); + background: var(--body-bg, #fff); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @@ -76,16 +76,16 @@ form { .table-of-contents-ck-toggler { font-size: 2em; font-weight: bold; - background-color: var(--gray-500, #36404a); + background-color: var(--gray-500, #adb5bd); padding: var(--btn-padding-y, 0.6rem) var(--btn-padding-x, 1rem); - color: var(--color-link, white); + color: var(--color-link, #224FAA); text-align: center; } .table-of-contents-ck-toggler a { font-size: .5em; font-weight: normal; - color: var(--color-link, white); + color: var(--color-link, #224FAA); display: block; text-align: center; } @@ -93,7 +93,7 @@ form { .table-of-contents-ck, .table-of-contents-ck a { font-size: 1.25em; - color: var(--color-link, white); + color: var(--color-link, #224FAA); } .offcanvas-start, @@ -303,7 +303,7 @@ sup { } a { - color: var(--link-color, #8ab4f8); + color: var(--link-color, #224faa); text-decoration: underline; } @@ -354,8 +354,8 @@ a>code { kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; - color: var(--body-bg, #0e1318); - background-color: var(--body-color, #e6ebf1); + color: var(--body-bg, #fff); + background-color: var(--body-color, #22262a); border-radius: 0.2rem; } @@ -687,8 +687,8 @@ progress { .img-thumbnail { padding: 0.25rem; - background-color: var(--body-color, #e6ebf1); - border: 1px solid var(--border-color, #2b323b); + background-color: var(--body-bg, #fff); + border: 1px solid var(--border-color, #dfe3e7); border-radius: 0.25rem; max-width: 100%; height: auto; @@ -2511,15 +2511,15 @@ progress { } .table-dark { - --table-color: var(--body-color, #e6ebf1); + --table-color: var(--body-color, #22262a); --table-bg: hsl(210, 10%, 23%); --table-border-color: #494f54; --table-striped-bg: #3f454b; - --table-striped-color: var(--body-color, #e6ebf1); + --table-striped-color: var(--body-color, #22262a); --table-active-bg: #494f54; - --table-active-color: var(--body-color, #e6ebf1); + --table-active-color: var(--body-color, #22262a); --table-active-bg: #444a4f; - --table-active-color: var(--body-color, #e6ebf1); + --table-active-color: var(--body-color, #22262a); color: var(--table-color); border-color: var(--table-border-color); } @@ -2948,7 +2948,7 @@ textarea.form-control-lg { height: 1em; margin-top: 0.25em; vertical-align: top; - background-color: var(--body-color, #e6ebf1); + background-color: var(--body-bg, #fff); background-repeat: no-repeat; background-position: center; background-size: contain; @@ -3088,12 +3088,12 @@ textarea.form-control-lg { } .form-range:focus::-webkit-slider-thumb { - -webkit-box-shadow: 0 0 0 1px var(--body-color, #e6ebf1), 0 0 0 0.25rem rgba(1, 1, 86, 0.25); - box-shadow: 0 0 0 1px var(--body-color, #e6ebf1), 0 0 0 0.25rem rgba(1, 1, 86, 0.25); + -webkit-box-shadow: 0 0 0 1px var(--body-color, #22262a), 0 0 0 0.25rem rgba(1, 1, 86, 0.25); + box-shadow: 0 0 0 1px var(--body-color, #22262a), 0 0 0 0.25rem rgba(1, 1, 86, 0.25); } .form-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px var(--body-color, #e6ebf1), 0 0 0 0.25rem rgba(1, 1, 86, 0.25); + box-shadow: 0 0 0 1px var(--body-color, #22262a), 0 0 0 0.25rem rgba(1, 1, 86, 0.25); } .form-range::-moz-focus-outer { @@ -3451,7 +3451,7 @@ textarea.form-control-lg { padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); background-color: rgba(68, 131, 68, 0.9); border-radius: 0.25rem; } @@ -3574,7 +3574,7 @@ textarea.form-control.is-valid { padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); background-color: rgba(165, 31, 24, 0.9); border-radius: 0.25rem; } @@ -3747,7 +3747,7 @@ fieldset:disabled .btn { .btn-link { --btn-font-weight: 400; - --btn-color: var(--link-color, #8ab4f8); + --btn-color: var(--link-color, #224faa); --btn-bg: transparent; --btn-border-color: transparent; --btn-active-color: var(--link-active-color); @@ -4162,10 +4162,10 @@ fieldset:disabled .btn { --dropdown-border-color: var(--border-color-translucent, #ffffff26); --dropdown-box-shadow: ; --dropdown-link-color: hsl(210, 14%, 89%); - --dropdown-link-active-color: var(--body-color, #e6ebf1); + --dropdown-link-active-color: var(--body-color, #22262a); --dropdown-divider-bg: var(--border-color-translucent, #ffffff26); --dropdown-link-active-bg: rgba(255, 255, 255, 0.15); - --dropdown-link-active-color: var(--body-color, #e6ebf1); + --dropdown-link-active-color: var(--body-color, #22262a); --dropdown-link-active-bg: hsl(240, 98%, 17%); --dropdown-link-disabled-color: hsl(210, 11%, 71%); --dropdown-header-color: hsl(210, 11%, 71%); @@ -6006,7 +6006,7 @@ fieldset:disabled .btn { } .list-group-item-primary.list-group-item-action.active { - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); background-color: var(--list-group-item-primary-color, #8ca3ff); border-color: var(--list-group-item-primary-color, #8ca3ff); } @@ -6023,7 +6023,7 @@ fieldset:disabled .btn { } .list-group-item-secondary.list-group-item-action.active { - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); background-color: var(--list-group-item-secondary-color, #9fa6ad); border-color: var(--list-group-item-secondary-color, #9fa6ad); } @@ -6040,7 +6040,7 @@ fieldset:disabled .btn { } .list-group-item-success.list-group-item-action.active { - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); background-color: var(--list-group-item-success-color, #a0e5b3); border-color: var(--list-group-item-success-color, #a0e5b3); } @@ -6057,7 +6057,7 @@ fieldset:disabled .btn { } .list-group-item-info.list-group-item-action.active { - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); background-color: var(--list-group-item-info-color, #8eccf2); border-color: var(--list-group-item-info-color, #8eccf2); } @@ -6074,7 +6074,7 @@ fieldset:disabled .btn { } .list-group-item-warning.list-group-item-action.active { - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); background-color: var(--list-group-item-warning-color, #ffe4a0); border-color: var(--list-group-item-warning-color, #ffe4a0); } @@ -6091,7 +6091,7 @@ fieldset:disabled .btn { } .list-group-item-danger.list-group-item-action.active { - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); background-color: var(--list-group-item-danger-color, #ffa8a3); border-color: var(--list-group-item-danger-color, #ffa8a3); } @@ -6108,7 +6108,7 @@ fieldset:disabled .btn { } .list-group-item-light.list-group-item-action.active { - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); background-color: var(--list-group-item-light-color, #e9ecef); border-color: var(--list-group-item-light-color, #e9ecef); } @@ -6125,7 +6125,7 @@ fieldset:disabled .btn { } .list-group-item-dark.list-group-item-action.active { - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); background-color: var(--list-group-item-dark-color, #48525d); border-color: var(--list-group-item-dark-color, #48525d); } @@ -6136,7 +6136,7 @@ fieldset:disabled .btn { width: 1em; height: 1em; padding: 0.25em 0.25em; - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl%280, 0%, 0%%29'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: 0.25rem; @@ -6978,7 +6978,7 @@ fieldset:disabled .btn { justify-content: center; width: 15%; padding: 0; - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); text-align: center; background: none; border: 0; @@ -7002,7 +7002,7 @@ fieldset:disabled .btn { .carousel-control-prev:focus, .carousel-control-next:active, .carousel-control-next:focus { - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); text-decoration: none; outline: 0; opacity: 0.9; @@ -7074,7 +7074,7 @@ fieldset:disabled .btn { margin-left: 0.1875rem; text-indent: -999px; cursor: pointer; - background-color: var(--body-color, #e6ebf1); + background-color: var(--body-bg, #fff); background-clip: padding-box; border: 0; border-top: 10px solid transparent; @@ -7104,7 +7104,7 @@ fieldset:disabled .btn { left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); text-align: center; } @@ -8047,33 +8047,33 @@ fieldset:disabled .btn { } .text-bg-primary { - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); background-color: var(--primary, #010156); } .text-bg-secondary { - color: var(--body-color, #e6ebf1) ; + color: var(--body-color, #22262a) ; background-color: RGBA(109, 117, 126, var(--bg-opacity, 1)) ; } .text-bg-success { - color: var(--body-color, #e6ebf1) ; + color: var(--body-color, #22262a) ; background-color: RGBA(68, 131, 68, var(--bg-opacity, 1)) ; } .text-bg-info { - color: var(--body-color, #e6ebf1) ; + color: var(--body-color, #22262a) ; background-color: RGBA(48, 99, 141, var(--bg-opacity, 1)) ; } .text-bg-warning { - color: var(--body-color, #e6ebf1) ; + color: var(--body-color, #22262a) ; background-color: RGBA(173, 98, 0, var(--bg-opacity, 1)) ; } .text-bg-danger { - color: var(--body-color, #e6ebf1) ; + color: var(--body-color, #22262a) ; background-color: RGBA(165, 31, 24, var(--bg-opacity, 1)) ; } @@ -8083,7 +8083,7 @@ fieldset:disabled .btn { } .text-bg-dark { - color: var(--body-color, #e6ebf1) ; + color: var(--body-color, #22262a) ; background-color: RGBA(53, 59, 65, var(--bg-opacity, 1)) ; } @@ -8583,7 +8583,7 @@ fieldset:disabled .btn { } .border { - border: var(--border-width, 1px) var(--border-style, solid) var(--border-color, #2b323b) ; + border: var(--border-width, 1px) var(--border-style, solid) var(--border-color, #dfe3e7) ; } .border-0 { @@ -8591,7 +8591,7 @@ fieldset:disabled .btn { } .border-top { - border-top: var(--border-width, 1px) var(--border-style, solid) var(--border-color, #2b323b) ; + border-top: var(--border-width, 1px) var(--border-style, solid) var(--border-color, #dfe3e7) ; } .border-top-0 { @@ -8599,7 +8599,7 @@ fieldset:disabled .btn { } .border-end { - border-right: var(--border-width, 1px) var(--border-style, solid) var(--border-color, #2b323b) ; + border-right: var(--border-width, 1px) var(--border-style, solid) var(--border-color, #dfe3e7) ; } .border-end-0 { @@ -8607,7 +8607,7 @@ fieldset:disabled .btn { } .border-bottom { - border-bottom: var(--border-width, 1px) var(--border-style, solid) var(--border-color, #2b323b) ; + border-bottom: var(--border-width, 1px) var(--border-style, solid) var(--border-color, #dfe3e7) ; } .border-bottom-0 { @@ -8615,7 +8615,7 @@ fieldset:disabled .btn { } .border-start { - border-left: var(--border-width, 1px) var(--border-style, solid) var(--border-color, #2b323b) ; + border-left: var(--border-width, 1px) var(--border-style, solid) var(--border-color, #dfe3e7) ; } .border-start-0 { @@ -13562,7 +13562,7 @@ span.minicolors-swatch-color { } html { - background-color: var(--body-bg, #0e1318); + background-color: var(--body-bg, #fff); } body { @@ -13612,7 +13612,7 @@ h6, } a { - color: var(--color-link, white); + color: var(--color-link, #224FAA); } a:not([class]) { @@ -13857,7 +13857,7 @@ meter { padding: 0.5em; color: var(--color-primary, hsl(220, 67%, 20%)); pointer-events: all; - background-color: var(--white, var(--body-color, #e6ebf1)); + background-color: var(--white, #fff); border: 1px solid var(--color-primary, hsl(220, 67%, 20%)); border-radius: 0.25rem; opacity: 0; @@ -13872,9 +13872,9 @@ meter { .back-to-top-link:active, .back-to-top-link:focus { - color: var(--white, var(--body-color, #e6ebf1)); + color: var(--white, var(--body-color, #22262a)); background-color: var(--color-active); - border-color: var(--white, var(--body-color, #e6ebf1)); + border-color: var(--white, var(--body-color, #22262a)); } .container-banner img { @@ -13884,7 +13884,7 @@ meter { .container-banner .banner-overlay { height: var(--hero-height, 60vh); - color: var(--hero-color, var(--body-color, #e6ebf1)); + color: var(--hero-color, var(--body-color, #22262a)); background-repeat: var(--hero-bg-repeat, no-repeat); background-attachment: var(--hero-bg-attachment, fixed); background-position: var(--hero-bg-position, top center); @@ -13900,7 +13900,7 @@ meter { justify-content: center; height: 100%; text-align: var(--hero-overlay-text-align, center); - color: var(--hero-overlay-text-color, var(--body-color, #e6ebf1)); + color: var(--hero-overlay-text-color, var(--body-color, #22262a)); background-color: var(--hero-overlay-bg, hsla(0, 0%, 0%, 0.5)); background-position: var(--hero-overlay-bg-position, center); background-size: var(--hero-overlay-bg-size, cover); @@ -13922,7 +13922,7 @@ meter { height: 4px; margin: 1rem auto 2rem; content: ""; - background: var(--body-color, #e6ebf1); + background: var(--body-bg, #fff); } .container-banner .banner-overlay .overlay .text-thin .lead { @@ -14127,7 +14127,7 @@ td .form-control { margin: 0.5em; color: hsl(0, 0%, 0%); text-align: start; - background: var(--body-color, #e6ebf1); + background: var(--body-bg, #fff); border: 1px solid hsl(210, 7%, 46%); border-radius: 0.25rem; -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.8); @@ -14211,7 +14211,7 @@ fieldset>* { right: 0; left: auto; z-index: 900; - color: var(--color-link, white); + color: var(--color-link, #224FAA); background-color: rgba(255, 255, 255, 0.5); border: 1px solid #58595a; border-radius: 0.25rem; @@ -14247,7 +14247,7 @@ fieldset>* { .container-header .site-description { font-size: 1rem; - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); white-space: normal; } @@ -14320,7 +14320,7 @@ fieldset>* { .container-header .container-nav a:hover, .container-header .container-nav a:focus { - color: var(--link-hover-color, #c3d6ff); + color: var(--link-hover-color, #424077); } .container-header .container-nav { @@ -14412,7 +14412,7 @@ li.current a { .container-header .nav-link:focus, .container-header .mod-menu-main__link:hover, .container-header .mod-menu-main__link:focus { - color: var(--link-hover-color, #c3d6ff); + color: var(--link-hover-color, #424077); } @media (min-width: 992px) { @@ -14561,17 +14561,17 @@ li.current a { } .container-header .mod-finder .awesomplete { - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); } .container-header .mod-finder .awesomplete>ul { - background: -webkit-gradient(linear, left top, right bottom, from(var(--body-color, #e6ebf1)), to(hsla(0, 0%, 100%, 0.9))); - background: -o-linear-gradient(top left, var(--body-color, #e6ebf1), hsla(0, 0%, 100%, 0.9)); - background: linear-gradient(to bottom right, var(--body-color, #e6ebf1), hsla(0, 0%, 100%, 0.9)); + background: -webkit-gradient(linear, left top, right bottom, from(var(--body-color, #22262a)), to(hsla(0, 0%, 100%, 0.9))); + background: -o-linear-gradient(top left, var(--body-color, #22262a), hsla(0, 0%, 100%, 0.9)); + background: linear-gradient(to bottom right, var(--body-color, #22262a), hsla(0, 0%, 100%, 0.9)); } .icon-white { - color: var(--body-bg, #0e1318); + color: var(--body-bg, #fff); } .input-group-text::before { @@ -14908,12 +14908,12 @@ iframe { } .container-topbar { - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); background-color: var(--color-primary, #112855); } .container-topbar a { - color: var(--body-color, #e6ebf1) ; + color: var(--body-color, #22262a) ; } @@ -15115,7 +15115,7 @@ iframe { padding: 1vw 2vw; margin-bottom: 1rem; color: var(--form-legend-color, #9fa6ad); - background-color: var(--body-color, #e6ebf1); + background-color: var(--body-bg, #fff); border: 1px solid var(--border-gray, #3a4250); } @@ -15125,7 +15125,7 @@ iframe { padding: 0 0.5rem; font-weight: 700; color: var(--form-legend-color, #9fa6ad); - background-color: var(--body-color, #e6ebf1); + background-color: var(--body-bg, #fff); } .modal .btn { @@ -15134,12 +15134,12 @@ iframe { .modal .btn-primary:not([href]), .modal .btn-success:not([href]) { - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); } .modal .btn-primary:not([href]):active, .modal .btn-success:not([href]):active { - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); } .modal-header { @@ -15605,7 +15605,7 @@ joomla-alert { min-height: 43px; padding: 0.25rem; color: var(--subhead-color, #9fa6ad); - background: var(--body-color, #e6ebf1); + background: var(--body-bg, #fff); -webkit-box-shadow: -3px -2px 22px var(--box-shadow-gray, #1a2027); box-shadow: -3px -2px 22px var(--box-shadow-gray, #1a2027); } @@ -15647,7 +15647,7 @@ joomla-alert { font-size: 1rem; line-height: 2.45rem; color: var(--subhead-color, #9fa6ad); - background: var(--body-color, #e6ebf1); + background: var(--body-bg, #fff); border-color: hsl(210, 11%, 71%); } @@ -15671,11 +15671,11 @@ joomla-alert { } .subhead .btn.btn-success { - --subhead-btn-accent: var(--success, #4aa664); + --subhead-btn-accent: var(--success, #448344); } .subhead .btn.btn-danger { - --subhead-btn-accent: var(--danger, #c23a31); + --subhead-btn-accent: var(--danger, #a51f18); } .subhead .btn.btn-primary { @@ -16067,7 +16067,7 @@ body:not(.has-sidebar-right) .site-grid .container-component { .article-info .association .btn-secondary, .cat-list-association .btn-secondary { font-weight: 700; - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); background-color: hsl(210, 7%, 46%); border-color: hsl(210, 14%, 83%); } @@ -16076,7 +16076,7 @@ body:not(.has-sidebar-right) .site-grid .container-component { .article-info .association .btn-secondary:focus, .cat-list-association .btn-secondary:active, .cat-list-association .btn-secondary:focus { - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); background-color: hsl(210, 10%, 23%); } @@ -16120,18 +16120,18 @@ body:not(.has-sidebar-right) .site-grid .container-component { .form-select[multiple], [multiple].custom-select { padding: 0; - background-color: var(--body-color, #e6ebf1); + background-color: var(--body-bg, #fff); } .form-select[multiple] option, [multiple].custom-select option { padding: 0.3rem 1rem; - background-color: var(--body-color, #e6ebf1); + background-color: var(--body-bg, #fff); } .form-select[multiple] option:checked, [multiple].custom-select option:checked { - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); background-color: var(--color-primary, #112855) ; } @@ -16148,7 +16148,7 @@ body:not(.has-sidebar-right) .site-grid .container-component { .form-select.custom-select-success option, .custom-select-success.custom-select option { color: hsl(210, 11%, 15%); - background-color: var(--body-color, #e6ebf1); + background-color: var(--body-bg, #fff); } .form-select.form-select-danger, @@ -16164,15 +16164,15 @@ body:not(.has-sidebar-right) .site-grid .container-component { .form-select.custom-select-danger option, .custom-select-danger.custom-select option { color: hsl(210, 11%, 15%); - background-color: var(--body-color, #e6ebf1); + background-color: var(--body-bg, #fff); } .form-select optgroup, .custom-select optgroup, .form-select option, .custom-select option { - color: var(--dark, #0f1318); - background-color: var(--body-color, #e6ebf1); + color: var(--dark, #353b41); + background-color: var(--body-bg, #fff); } .accordion .card-header { @@ -16183,13 +16183,13 @@ body:not(.has-sidebar-right) .site-grid .container-component { } .accordion .list-group-item { - color: var(--color-link, white); + color: var(--color-link, #224FAA); } .dropdown-menu { padding: 0.2rem 0; margin-top: 0.5rem; - background-color: var(--body-color, #e6ebf1); + background-color: var(--body-bg, #fff); border-color: hsl(210, 14%, 89%); } @@ -16216,7 +16216,7 @@ body:not(.has-sidebar-right) .site-grid .container-component { } .list-group-item { - background-color: var(--body-color, #e6ebf1); + background-color: var(--body-bg, #fff); } .list-unstyled .list-unstyled { @@ -16324,8 +16324,8 @@ body:not(.has-sidebar-right) .site-grid .container-component { border: 1px solid hsl(210, 14%, 89%); border-bottom: 0; border-radius: 0.25rem 0.25rem 0 0; - -webkit-box-shadow: 0 1px var(--body-color, #e6ebf1) inset, 0 2px 3px -3px hsla(0, 0%, 0%, 0.15), 0 -4px 0 hsla(0, 0%, 0%, 0.05) inset, 1px 1px 4px hsla(0, 0%, 0%, 0.1); - box-shadow: 0 1px var(--body-color, #e6ebf1) inset, 0 2px 3px -3px hsla(0, 0%, 0%, 0.15), 0 -4px 0 hsla(0, 0%, 0%, 0.05) inset, 1px 1px 4px hsla(0, 0%, 0%, 0.1); + -webkit-box-shadow: 0 1px var(--body-color, #22262a) inset, 0 2px 3px -3px hsla(0, 0%, 0%, 0.15), 0 -4px 0 hsla(0, 0%, 0%, 0.05) inset, 1px 1px 4px hsla(0, 0%, 0%, 0.1); + box-shadow: 0 1px var(--body-color, #22262a) inset, 0 2px 3px -3px hsla(0, 0%, 0%, 0.15), 0 -4px 0 hsla(0, 0%, 0%, 0.05) inset, 1px 1px 4px hsla(0, 0%, 0%, 0.1); } .nav.nav-tabs .nav-item { @@ -16461,7 +16461,7 @@ body:not(.has-sidebar-right) .site-grid .container-component { } .chosen-container.chosen-container-single .chosen-drop { - background: var(--body-color, #e6ebf1); + background: var(--body-bg, #fff); border: 1px solid hsl(210, 14%, 83%); } @@ -16479,12 +16479,12 @@ body:not(.has-sidebar-right) .site-grid .container-component { min-height: calc(1.5em + 1.2rem + 2px); font-size: 1rem; line-height: 1.5; - background-image: var(--body-color, #e6ebf1); + background-image: var(--body-bg, #fff); } .chosen-container.chosen-container-multi .chosen-choices li.search-choice { padding: 0.3125rem 2.0625rem 0.3125rem 0.625rem; - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); background: var(--primary, #010156); border: 0; -webkit-box-shadow: 1px 1px 4px hsla(0, 0%, 0%, 0.1); @@ -16506,7 +16506,7 @@ body:not(.has-sidebar-right) .site-grid .container-component { top: 6px; right: 5px; font-size: 1rem; - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); content: "×"; } @@ -16673,7 +16673,7 @@ body:not(.has-sidebar-right) .site-grid .container-component { .metismenu.mod-menu .mm-collapse { position: absolute; - background-color: var(--body-color, #e6ebf1); + background-color: var(--body-bg, #fff); -webkit-box-shadow: 1px 1px 4px hsla(0, 0%, 0%, 0.1); box-shadow: 1px 1px 4px hsla(0, 0%, 0%, 0.1); } @@ -16829,10 +16829,10 @@ body:not(.has-sidebar-right) .site-grid .container-component { :root { --template-sidebar-bg: var(--template-bg-dark-80); - --template-sidebar-font-color: var(--body-color, #e6ebf1); - --template-sidebar-link-color: var(--body-color, #e6ebf1); + --template-sidebar-font-color: var(--body-color, #22262a); + --template-sidebar-link-color: var(--body-color, #22262a); --template-bg-light: #f0f4fb; - --template-text-light: var(--body-color, #e6ebf1); + --template-text-light: var(--body-color, #22262a); --template-special-color: #132f53; --template-link-color: #2a69b8; --template-link-active-color: #173a65; @@ -16860,31 +16860,31 @@ body:not(.has-sidebar-right) .site-grid .container-component { } .border-secondary { - border-color: var(--secondary, #48525d) ; + border-color: var(--secondary, #6d757e) ; } .border-success { - border-color: var(--success, #4aa664) ; + border-color: var(--success, #448344) ; } .border-info { - border-color: var(--info, #4f7aa0) ; + border-color: var(--info, #30638d) ; } .border-warning { - border-color: var(--warning, #c77a00) ; + border-color: var(--warning, #ad6200) ; } .border-danger { - border-color: var(--danger, #c23a31) ; + border-color: var(--danger, #a51f18) ; } .border-light { - border-color: var(--light, #1b2027) ; + border-color: var(--light, #f9fafb) ; } .border-dark { - border-color: var(--dark, #0f1318) ; + border-color: var(--dark, #353b41) ; } .border-white { @@ -16896,31 +16896,31 @@ body:not(.has-sidebar-right) .site-grid .container-component { } .text-secondary { - color: var(--secondary, #48525d) ; + color: var(--secondary, #6d757e) ; } .text-success { - color: var(--success, #4aa664) ; + color: var(--success, #448344) ; } .text-info { - color: var(--info, #4f7aa0) ; + color: var(--info, #30638d) ; } .text-warning { - color: var(--warning, #c77a00) ; + color: var(--warning, #ad6200) ; } .text-danger { - color: var(--danger, #c23a31) ; + color: var(--danger, #a51f18) ; } .text-light { - color: var(--light, #1b2027) ; + color: var(--light, #f9fafb) ; } .text-dark { - color: var(--dark, #0f1318) ; + color: var(--dark, #353b41) ; } .text-black { @@ -16932,7 +16932,7 @@ body:not(.has-sidebar-right) .site-grid .container-component { } .text-body { - color: var(--body-color, #e6ebf1) ; + color: var(--body-color, #22262a) ; } .bg-primary { @@ -16940,31 +16940,31 @@ body:not(.has-sidebar-right) .site-grid .container-component { } .bg-secondary { - background-color: var(--secondary, #48525d) ; + background-color: var(--secondary, #6d757e) ; } .bg-success { - background-color: var(--success, #4aa664) ; + background-color: var(--success, #448344) ; } .bg-info { - background-color: var(--info, #4f7aa0) ; + background-color: var(--info, #30638d) ; } .bg-warning { - background-color: var(--warning, #c77a00) ; + background-color: var(--warning, #ad6200) ; } .bg-danger { - background-color: var(--danger, #c23a31) ; + background-color: var(--danger, #a51f18) ; } .bg-light { - background-color: var(--light, #1b2027) ; + background-color: var(--light, #f9fafb) ; } .bg-dark { - background-color: var(--dark, #0f1318) ; + background-color: var(--dark, #353b41) ; } .bg-black { @@ -16976,7 +16976,7 @@ body:not(.has-sidebar-right) .site-grid .container-component { } .bg-body { - background-color: var(--body-bg, #0e1318) ; + background-color: var(--body-bg, #fff) ; } /*! VM BASIC */ @@ -17254,14 +17254,14 @@ form .form-select { height: 18px; border: none; border-radius: 999px; - background: var(--danger, #c23a31); + background: var(--danger, #a51f18); cursor: pointer; padding: 0; transition: background .2s; } .auto-switch.on { - background: var(--success, #4aa664); + background: var(--success, #448344); } .auto-track { @@ -17361,7 +17361,7 @@ body.site.error-page { } .error-brand .brand-logo { - background-color: invert(var(--body-bg, #0e1318)); + background-color: invert(var(--body-bg, #fff)); padding: var(--border-radius-sxl); border-radius: var(--border-radius-2xl); } @@ -17565,7 +17565,7 @@ body[data-theme-fab-enabled="1"] #mokoA11yToolbar { padding: .75rem; min-width: 200px; box-shadow: var(--box-shadow-lg, 0 1rem 3rem rgba(0,0,0,.175)); - color: var(--body-font-color, var(--body-color, #e6ebf1)); + color: var(--body-font-color, var(--body-color, #22262a)); } .a11y-group { @@ -17602,7 +17602,7 @@ body[data-theme-fab-enabled="1"] #mokoA11yToolbar { border: 1px solid var(--border-color, #dee2e6); border-radius: var(--border-radius, .375rem); background: var(--secondary-bg, var(--bs-body-bg, #fff)); - color: var(--body-font-color, var(--body-color, #e6ebf1)); + color: var(--body-font-color, var(--body-color, #22262a)); font-size: .875rem; cursor: pointer; transition: background .15s, border-color .15s; @@ -17620,7 +17620,7 @@ body[data-theme-fab-enabled="1"] #mokoA11yToolbar { font-weight: 600; min-width: 3ch; text-align: center; - color: var(--body-font-color, var(--body-color, #e6ebf1)); + color: var(--body-font-color, var(--body-color, #22262a)); } .a11y-btn-wide { @@ -19012,59 +19012,59 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .btn-secondary { - --btn-color: var(--body-bg, #0e1318); - --btn-bg: var(--secondary, #48525d); - --btn-border-color: var(--secondary, #48525d); - --btn-hover-bg: color-mix(in srgb, var(--secondary, #48525d) 85%, black); - --btn-hover-border-color: color-mix(in srgb, var(--secondary, #48525d) 85%, black); + --btn-color: var(--body-bg, #fff); + --btn-bg: var(--secondary, #6d757e); + --btn-border-color: var(--secondary, #6d757e); + --btn-hover-bg: color-mix(in srgb, var(--secondary, #6d757e) 85%, black); + --btn-hover-border-color: color-mix(in srgb, var(--secondary, #6d757e) 85%, black); } .btn-success { --btn-color: white; - --btn-bg: var(--success, #4aa664); - --btn-border-color: var(--success, #4aa664); - --btn-hover-bg: color-mix(in srgb, var(--success, #4aa664) 85%, black); - --btn-hover-border-color: color-mix(in srgb, var(--success, #4aa664) 85%, black); + --btn-bg: var(--success, #448344); + --btn-border-color: var(--success, #448344); + --btn-hover-bg: color-mix(in srgb, var(--success, #448344) 85%, black); + --btn-hover-border-color: color-mix(in srgb, var(--success, #448344) 85%, black); } .btn-info { --btn-color: white; - --btn-bg: var(--info, #4f7aa0); - --btn-border-color: var(--info, #4f7aa0); - --btn-hover-bg: color-mix(in srgb, var(--info, #4f7aa0) 85%, black); - --btn-hover-border-color: color-mix(in srgb, var(--info, #4f7aa0) 85%, black); + --btn-bg: var(--info, #30638d); + --btn-border-color: var(--info, #30638d); + --btn-hover-bg: color-mix(in srgb, var(--info, #30638d) 85%, black); + --btn-hover-border-color: color-mix(in srgb, var(--info, #30638d) 85%, black); } .btn-warning { --btn-color: white; - --btn-bg: var(--warning, #c77a00); - --btn-border-color: var(--warning, #c77a00); - --btn-hover-bg: color-mix(in srgb, var(--warning, #c77a00) 85%, black); - --btn-hover-border-color: color-mix(in srgb, var(--warning, #c77a00) 85%, black); + --btn-bg: var(--warning, #ad6200); + --btn-border-color: var(--warning, #ad6200); + --btn-hover-bg: color-mix(in srgb, var(--warning, #ad6200) 85%, black); + --btn-hover-border-color: color-mix(in srgb, var(--warning, #ad6200) 85%, black); } .btn-danger { --btn-color: white; - --btn-bg: var(--danger, #c23a31); - --btn-border-color: var(--danger, #c23a31); - --btn-hover-bg: color-mix(in srgb, var(--danger, #c23a31) 85%, black); - --btn-hover-border-color: color-mix(in srgb, var(--danger, #c23a31) 85%, black); + --btn-bg: var(--danger, #a51f18); + --btn-border-color: var(--danger, #a51f18); + --btn-hover-bg: color-mix(in srgb, var(--danger, #a51f18) 85%, black); + --btn-hover-border-color: color-mix(in srgb, var(--danger, #a51f18) 85%, black); } .btn-light { - --btn-color: var(--body-color, #e6ebf1); - --btn-bg: var(--light, #1b2027); - --btn-border-color: var(--light, #1b2027); - --btn-hover-bg: color-mix(in srgb, var(--light, #1b2027) 90%, black); - --btn-hover-border-color: color-mix(in srgb, var(--light, #1b2027) 90%, black); + --btn-color: var(--body-color, #22262a); + --btn-bg: var(--light, #f9fafb); + --btn-border-color: var(--light, #f9fafb); + --btn-hover-bg: color-mix(in srgb, var(--light, #f9fafb) 90%, black); + --btn-hover-border-color: color-mix(in srgb, var(--light, #f9fafb) 90%, black); } .btn-dark { --btn-color: white; - --btn-bg: var(--dark, #0f1318); - --btn-border-color: var(--dark, #0f1318); - --btn-hover-bg: color-mix(in srgb, var(--dark, #0f1318) 85%, black); - --btn-hover-border-color: color-mix(in srgb, var(--dark, #0f1318) 85%, black); + --btn-bg: var(--dark, #353b41); + --btn-border-color: var(--dark, #353b41); + --btn-hover-bg: color-mix(in srgb, var(--dark, #353b41) 85%, black); + --btn-hover-border-color: color-mix(in srgb, var(--dark, #353b41) 85%, black); } /* Outline button variants */ @@ -19077,127 +19077,127 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .btn-outline-secondary { - --btn-color: var(--secondary, #48525d); - --btn-border-color: var(--secondary, #48525d); + --btn-color: var(--secondary, #6d757e); + --btn-border-color: var(--secondary, #6d757e); --btn-hover-color: white; - --btn-hover-bg: var(--secondary, #48525d); - --btn-hover-border-color: var(--secondary, #48525d); + --btn-hover-bg: var(--secondary, #6d757e); + --btn-hover-border-color: var(--secondary, #6d757e); } .btn-outline-success { - --btn-color: var(--success, #4aa664); - --btn-border-color: var(--success, #4aa664); + --btn-color: var(--success, #448344); + --btn-border-color: var(--success, #448344); --btn-hover-color: white; - --btn-hover-bg: var(--success, #4aa664); - --btn-hover-border-color: var(--success, #4aa664); + --btn-hover-bg: var(--success, #448344); + --btn-hover-border-color: var(--success, #448344); } .btn-outline-info { - --btn-color: var(--info, #4f7aa0); - --btn-border-color: var(--info, #4f7aa0); + --btn-color: var(--info, #30638d); + --btn-border-color: var(--info, #30638d); --btn-hover-color: white; - --btn-hover-bg: var(--info, #4f7aa0); - --btn-hover-border-color: var(--info, #4f7aa0); + --btn-hover-bg: var(--info, #30638d); + --btn-hover-border-color: var(--info, #30638d); } .btn-outline-warning { - --btn-color: var(--warning, #c77a00); - --btn-border-color: var(--warning, #c77a00); + --btn-color: var(--warning, #ad6200); + --btn-border-color: var(--warning, #ad6200); --btn-hover-color: white; - --btn-hover-bg: var(--warning, #c77a00); - --btn-hover-border-color: var(--warning, #c77a00); + --btn-hover-bg: var(--warning, #ad6200); + --btn-hover-border-color: var(--warning, #ad6200); } .btn-outline-danger { - --btn-color: var(--danger, #c23a31); - --btn-border-color: var(--danger, #c23a31); + --btn-color: var(--danger, #a51f18); + --btn-border-color: var(--danger, #a51f18); --btn-hover-color: white; - --btn-hover-bg: var(--danger, #c23a31); - --btn-hover-border-color: var(--danger, #c23a31); + --btn-hover-bg: var(--danger, #a51f18); + --btn-hover-border-color: var(--danger, #a51f18); } .btn-outline-light { - --btn-color: var(--light, #1b2027); - --btn-border-color: var(--light, #1b2027); - --btn-hover-color: var(--body-color, #e6ebf1); - --btn-hover-bg: var(--light, #1b2027); - --btn-hover-border-color: var(--light, #1b2027); + --btn-color: var(--light, #f9fafb); + --btn-border-color: var(--light, #f9fafb); + --btn-hover-color: var(--body-color, #22262a); + --btn-hover-bg: var(--light, #f9fafb); + --btn-hover-border-color: var(--light, #f9fafb); } .btn-outline-dark { - --btn-color: var(--dark, #0f1318); - --btn-border-color: var(--dark, #0f1318); + --btn-color: var(--dark, #353b41); + --btn-border-color: var(--dark, #353b41); --btn-hover-color: white; - --btn-hover-bg: var(--dark, #0f1318); - --btn-hover-border-color: var(--dark, #0f1318); + --btn-hover-bg: var(--dark, #353b41); + --btn-hover-border-color: var(--dark, #353b41); } /* ===== BOOTSTRAP & JOOMLA ALERTS ===== */ .alert-primary { - --alert-bg: color-mix(in srgb, var(--primary, #010156) 10%, var(--body-bg, #0e1318)); + --alert-bg: color-mix(in srgb, var(--primary, #010156) 10%, var(--body-bg, #fff)); --alert-color: color-mix(in srgb, var(--primary, #010156) 90%, black); - --alert-border-color: color-mix(in srgb, var(--primary, #010156) 20%, var(--body-bg, #0e1318)); + --alert-border-color: color-mix(in srgb, var(--primary, #010156) 20%, var(--body-bg, #fff)); } .alert-secondary { - --alert-bg: color-mix(in srgb, var(--secondary, #48525d) 10%, var(--body-bg, #0e1318)); - --alert-color: color-mix(in srgb, var(--secondary, #48525d) 90%, black); - --alert-border-color: color-mix(in srgb, var(--secondary, #48525d) 20%, var(--body-bg, #0e1318)); + --alert-bg: color-mix(in srgb, var(--secondary, #6d757e) 10%, var(--body-bg, #fff)); + --alert-color: color-mix(in srgb, var(--secondary, #6d757e) 90%, black); + --alert-border-color: color-mix(in srgb, var(--secondary, #6d757e) 20%, var(--body-bg, #fff)); } .alert-success { - --alert-bg: color-mix(in srgb, var(--success, #4aa664) 10%, var(--body-bg, #0e1318)); - --alert-color: color-mix(in srgb, var(--success, #4aa664) 90%, black); - --alert-border-color: color-mix(in srgb, var(--success, #4aa664) 20%, var(--body-bg, #0e1318)); + --alert-bg: color-mix(in srgb, var(--success, #448344) 10%, var(--body-bg, #fff)); + --alert-color: color-mix(in srgb, var(--success, #448344) 90%, black); + --alert-border-color: color-mix(in srgb, var(--success, #448344) 20%, var(--body-bg, #fff)); } .alert-info { - --alert-bg: color-mix(in srgb, var(--info, #4f7aa0) 10%, var(--body-bg, #0e1318)); - --alert-color: color-mix(in srgb, var(--info, #4f7aa0) 90%, black); - --alert-border-color: color-mix(in srgb, var(--info, #4f7aa0) 20%, var(--body-bg, #0e1318)); + --alert-bg: color-mix(in srgb, var(--info, #30638d) 10%, var(--body-bg, #fff)); + --alert-color: color-mix(in srgb, var(--info, #30638d) 90%, black); + --alert-border-color: color-mix(in srgb, var(--info, #30638d) 20%, var(--body-bg, #fff)); } .alert-warning { - --alert-bg: color-mix(in srgb, var(--warning, #c77a00) 10%, var(--body-bg, #0e1318)); - --alert-color: color-mix(in srgb, var(--warning, #c77a00) 90%, black); - --alert-border-color: color-mix(in srgb, var(--warning, #c77a00) 20%, var(--body-bg, #0e1318)); + --alert-bg: color-mix(in srgb, var(--warning, #ad6200) 10%, var(--body-bg, #fff)); + --alert-color: color-mix(in srgb, var(--warning, #ad6200) 90%, black); + --alert-border-color: color-mix(in srgb, var(--warning, #ad6200) 20%, var(--body-bg, #fff)); } .alert-danger { - --alert-bg: color-mix(in srgb, var(--danger, #c23a31) 10%, var(--body-bg, #0e1318)); - --alert-color: color-mix(in srgb, var(--danger, #c23a31) 90%, black); - --alert-border-color: color-mix(in srgb, var(--danger, #c23a31) 20%, var(--body-bg, #0e1318)); + --alert-bg: color-mix(in srgb, var(--danger, #a51f18) 10%, var(--body-bg, #fff)); + --alert-color: color-mix(in srgb, var(--danger, #a51f18) 90%, black); + --alert-border-color: color-mix(in srgb, var(--danger, #a51f18) 20%, var(--body-bg, #fff)); } .alert-light { - --alert-bg: var(--light, #1b2027); - --alert-color: var(--body-color, #e6ebf1); - --alert-border-color: color-mix(in srgb, var(--light, #1b2027) 85%, black); + --alert-bg: var(--light, #f9fafb); + --alert-color: var(--body-color, #22262a); + --alert-border-color: color-mix(in srgb, var(--light, #f9fafb) 85%, black); } .alert-dark { - --alert-bg: var(--dark, #0f1318); + --alert-bg: var(--dark, #353b41); --alert-color: white; - --alert-border-color: var(--dark, #0f1318); + --alert-border-color: var(--dark, #353b41); } /* Joomla-specific alert mappings */ .alert-message { - --alert-bg: var(--alert-info, color-mix(in srgb, var(--info, #4f7aa0) 10%, var(--body-bg, #0e1318))); - --alert-color: color-mix(in srgb, var(--info, #4f7aa0) 90%, black); - --alert-border-color: color-mix(in srgb, var(--info, #4f7aa0) 20%, var(--body-bg, #0e1318)); + --alert-bg: var(--alert-info, color-mix(in srgb, var(--info, #30638d) 10%, var(--body-bg, #fff))); + --alert-color: color-mix(in srgb, var(--info, #30638d) 90%, black); + --alert-border-color: color-mix(in srgb, var(--info, #30638d) 20%, var(--body-bg, #fff)); } .alert-error { - --alert-bg: var(--alert-danger, color-mix(in srgb, var(--danger, #c23a31) 10%, var(--body-bg, #0e1318))); - --alert-color: color-mix(in srgb, var(--danger, #c23a31) 90%, black); - --alert-border-color: color-mix(in srgb, var(--danger, #c23a31) 20%, var(--body-bg, #0e1318)); + --alert-bg: var(--alert-danger, color-mix(in srgb, var(--danger, #a51f18) 10%, var(--body-bg, #fff))); + --alert-color: color-mix(in srgb, var(--danger, #a51f18) 90%, black); + --alert-border-color: color-mix(in srgb, var(--danger, #a51f18) 20%, var(--body-bg, #fff)); } .alert-notice { - --alert-bg: var(--alert-warning, color-mix(in srgb, var(--warning, #c77a00) 10%, var(--body-bg, #0e1318))); - --alert-color: color-mix(in srgb, var(--warning, #c77a00) 90%, black); - --alert-border-color: color-mix(in srgb, var(--warning, #c77a00) 20%, var(--body-bg, #0e1318)); + --alert-bg: var(--alert-warning, color-mix(in srgb, var(--warning, #ad6200) 10%, var(--body-bg, #fff))); + --alert-color: color-mix(in srgb, var(--warning, #ad6200) 90%, black); + --alert-border-color: color-mix(in srgb, var(--warning, #ad6200) 20%, var(--body-bg, #fff)); } /* ===== MOD_SEARCH MOBILE RESPONSIVE STYLES ===== */ @@ -19449,15 +19449,15 @@ nav[data-toggle=toc] .nav-link.active+ul{ border-radius: 50%; background: var(--vm-surface); border: 1px solid var(--vm-border); - color: var(--danger, #c23a31); + color: var(--danger, #a51f18); text-decoration: none; transition: all 0.2s; } .mod-vm-cart__remove-btn:hover { - background: var(--danger, #c23a31); + background: var(--danger, #a51f18); color: white; - border-color: var(--danger, #c23a31); + border-color: var(--danger, #a51f18); } .mod-vm-cart__actions { @@ -20008,7 +20008,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-menu-main .navbar-toggler { - border-color: var(--border-color, #2b323b); + border-color: var(--border-color, #dfe3e7); padding: 0.5rem 0.75rem; font-size: 1.25rem; min-height: 48px; /* WCAG 2.1 touch target */ @@ -20058,8 +20058,8 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-menu-main__link:hover, .mod-menu-main__link:focus { - background-color: var(--secondary-bg, #151b22); - color: var(--link-hover-color, #c3d6ff); + background-color: var(--secondary-bg, #eaedf0); + color: var(--link-hover-color, #424077); text-decoration: none; } @@ -20074,8 +20074,8 @@ nav[data-toggle=toc] .nav-link.active+ul{ list-style: none; padding: 0.5rem 0; margin: 0; - background-color: var(--body-bg, #0e1318); - border: 1px solid var(--border-color, #2b323b); + background-color: var(--body-bg, #fff); + border: 1px solid var(--border-color, #dfe3e7); border-radius: var(--border-radius, .25rem); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); display: none; @@ -20096,11 +20096,11 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-menu-main__dropdown .mod-menu-main__link:hover, .mod-menu-main__dropdown .mod-menu-main__link:focus { - background-color: var(--secondary-bg, #151b22); + background-color: var(--secondary-bg, #eaedf0); } .mod-menu-main__separator { - border-top: 1px solid var(--border-color, #2b323b); + border-top: 1px solid var(--border-color, #dfe3e7); margin: 0.5rem 0; padding: 0; } @@ -20180,7 +20180,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-breadcrumbs__prefix { font-weight: 600; margin-right: 0.5rem; - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); } .mod-breadcrumbs__list { @@ -20199,18 +20199,18 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-breadcrumbs__link { - color: var(--link-color, #8ab4f8); + color: var(--link-color, #224faa); text-decoration: none; transition: color 0.2s; } .mod-breadcrumbs__link:hover { - color: var(--link-hover-color, #c3d6ff); + color: var(--link-hover-color, #424077); text-decoration: underline; } .mod-breadcrumbs__current { - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); font-weight: 600; } @@ -20231,7 +20231,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-login__greeting { padding: 1rem; - background: var(--secondary-bg, #151b22); + background: var(--secondary-bg, #eaedf0); border-radius: var(--border-radius, .25rem); margin-bottom: 1rem; font-weight: 600; @@ -20240,7 +20240,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-login__pretext, .mod-login__posttext { font-size: 0.875rem; - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); line-height: 1.6; } @@ -20259,7 +20259,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-login__label { font-weight: 600; font-size: 0.875rem; - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); } .mod-login__input { @@ -20326,7 +20326,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-login__link { - color: var(--link-color, #8ab4f8); + color: var(--link-color, #224faa); text-decoration: none; font-size: 0.875rem; display: flex; @@ -20338,8 +20338,8 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-login__link:hover { - background: var(--secondary-bg, #151b22); - color: var(--link-hover-color, #c3d6ff); + background: var(--secondary-bg, #eaedf0); + color: var(--link-hover-color, #424077); } /* === mod_articles_latest === */ @@ -20358,7 +20358,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-articles-latest__item { padding-bottom: 1.5rem; - border-bottom: 1px solid var(--border-color, #2b323b); + border-bottom: 1px solid var(--border-color, #dfe3e7); } .mod-articles-latest__item:last-child { @@ -20373,7 +20373,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-articles-latest__link { - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); text-decoration: none; transition: color 0.2s; } @@ -20388,7 +20388,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ flex-wrap: wrap; gap: 1rem; font-size: 0.875rem; - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); margin-bottom: 0.75rem; } @@ -20399,7 +20399,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-articles-latest__intro { - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); line-height: 1.6; margin-bottom: 1rem; } @@ -20418,9 +20418,9 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-articles-latest__empty { text-align: center; padding: 2rem 1rem; - background: var(--secondary-bg, #151b22); + background: var(--secondary-bg, #eaedf0); border-radius: var(--border-radius, .25rem); - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); } /* === mod_cblogin (Community Builder) === */ @@ -20439,7 +20439,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ align-items: center; gap: 1rem; padding: 1rem; - background: var(--secondary-bg, #151b22); + background: var(--secondary-bg, #eaedf0); border-radius: var(--border-radius, .25rem); margin-bottom: 1rem; } @@ -20470,7 +20470,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-cblogin__pretext, .mod-cblogin__posttext { font-size: 0.875rem; - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); line-height: 1.6; } @@ -20489,7 +20489,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-cblogin__label { font-weight: 600; font-size: 0.875rem; - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); } .mod-cblogin__input { @@ -20557,7 +20557,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-cblogin__link { - color: var(--link-color, #8ab4f8); + color: var(--link-color, #224faa); text-decoration: none; font-size: 0.875rem; display: flex; @@ -20569,8 +20569,8 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-cblogin__link:hover { - background: var(--secondary-bg, #151b22); - color: var(--link-hover-color, #c3d6ff); + background: var(--secondary-bg, #eaedf0); + color: var(--link-hover-color, #424077); } /* === mod_comprofilerOnline (Community Builder) === */ @@ -20580,7 +20580,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-cb-online__stats { padding: 1rem; - background: var(--secondary-bg, #151b22); + background: var(--secondary-bg, #eaedf0); border-radius: var(--border-radius, .25rem); margin-bottom: 1.5rem; } @@ -20601,7 +20601,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-cb-online__count-label { font-size: 0.875rem; - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); text-transform: uppercase; letter-spacing: 0.5px; } @@ -20618,7 +20618,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ align-items: center; gap: 0.5rem; font-size: 0.875rem; - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); } .mod-cb-online__heading { @@ -20641,14 +20641,14 @@ nav[data-toggle=toc] .nav-link.active+ul{ align-items: center; gap: 0.75rem; padding: 0.75rem; - background: var(--body-bg, #0e1318); - border: 1px solid var(--border-color, #2b323b); + background: var(--body-bg, #fff); + border: 1px solid var(--border-color, #dfe3e7); border-radius: var(--border-radius, .25rem); transition: all 0.2s; } .mod-cb-online__user:hover { - background: var(--secondary-bg, #151b22); + background: var(--secondary-bg, #eaedf0); border-color: var(--color-primary, #112855); } @@ -20673,7 +20673,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-cb-online__name { font-weight: 600; - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); text-decoration: none; display: block; margin-bottom: 0.25rem; @@ -20685,22 +20685,22 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-cb-online__status { font-size: 0.875rem; - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); display: block; } .mod-cb-online__indicator { flex-shrink: 0; - color: var(--success, #4aa664); + color: var(--success, #448344); font-size: 1.25rem; } .mod-cb-online__empty { text-align: center; padding: 2rem 1rem; - background: var(--secondary-bg, #151b22); + background: var(--secondary-bg, #eaedf0); border-radius: var(--border-radius, .25rem); - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); } /* === Mobile Responsive Adjustments === */ @@ -20769,7 +20769,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ display: flex; gap: 1rem; padding-bottom: 1.5rem; - border-bottom: 1px solid var(--border-color, #2b323b); + border-bottom: 1px solid var(--border-color, #dfe3e7); } .mod-k2-content__item:last-child { @@ -20807,7 +20807,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-k2-content__title a { - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); text-decoration: none; transition: color 0.2s; } @@ -20822,7 +20822,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ flex-wrap: wrap; gap: 1rem; font-size: 0.875rem; - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); margin-bottom: 0.75rem; } @@ -20833,7 +20833,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-k2-content__intro { - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); line-height: 1.6; margin-bottom: 1rem; } @@ -20857,9 +20857,9 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-k2-content__empty { text-align: center; padding: 2rem 1rem; - background: var(--secondary-bg, #151b22); + background: var(--secondary-bg, #eaedf0); border-radius: var(--border-radius, .25rem); - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); } /* === mod_acymailing (AcyMailing) === */ @@ -20868,31 +20868,31 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-acymailing__form-container { - background: var(--body-bg, #0e1318); + background: var(--body-bg, #fff); padding: 1.5rem; border-radius: var(--border-radius, .25rem); - border: 1px solid var(--border-color, #2b323b); + border: 1px solid var(--border-color, #dfe3e7); } .mod-acymailing__intro { margin-bottom: 1.5rem; line-height: 1.6; - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); } .mod-acymailing__outro { margin-top: 1.5rem; font-size: 0.875rem; - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); line-height: 1.6; } .mod-acymailing__empty { text-align: center; padding: 2rem 1rem; - background: var(--secondary-bg, #151b22); + background: var(--secondary-bg, #eaedf0); border-radius: var(--border-radius, .25rem); - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); } /* === mod_hikashop_cart (HikaShop) === */ @@ -20905,8 +20905,8 @@ nav[data-toggle=toc] .nav-link.active+ul{ align-items: center; gap: 0.75rem; padding: 1rem; - background: var(--secondary-bg, #151b22); - border: 1px solid var(--border-color, #2b323b); + background: var(--secondary-bg, #eaedf0); + border: 1px solid var(--border-color, #dfe3e7); border-radius: var(--border-radius, .25rem); margin-bottom: 1rem; } @@ -20924,12 +20924,12 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-hikashop-cart__count { font-weight: 600; - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); font-size: 1rem; } .mod-hikashop-cart__total { - color: var(--success, #4aa664); + color: var(--success, #448344); font-weight: 700; font-size: 1.25rem; margin-top: 0.25rem; @@ -20946,8 +20946,8 @@ nav[data-toggle=toc] .nav-link.active+ul{ display: flex; gap: 0.75rem; padding: 0.75rem; - background: var(--body-bg, #0e1318); - border: 1px solid var(--border-color, #2b323b); + background: var(--body-bg, #fff); + border: 1px solid var(--border-color, #dfe3e7); border-radius: var(--border-radius, .25rem); align-items: flex-start; } @@ -20972,23 +20972,23 @@ nav[data-toggle=toc] .nav-link.active+ul{ font-weight: 600; margin-bottom: 0.25rem; line-height: 1.4; - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); } .mod-hikashop-cart__product-quantity { font-size: 0.875rem; - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); margin-bottom: 0.25rem; } .mod-hikashop-cart__quantity-value { font-weight: 600; - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); } .mod-hikashop-cart__product-price { font-weight: 700; - color: var(--success, #4aa664); + color: var(--success, #448344); margin-top: 0.25rem; } @@ -21003,17 +21003,17 @@ nav[data-toggle=toc] .nav-link.active+ul{ width: 32px; height: 32px; border-radius: 50%; - background: var(--body-bg, #0e1318); - border: 1px solid var(--border-color, #2b323b); - color: var(--danger, #c23a31); + background: var(--body-bg, #fff); + border: 1px solid var(--border-color, #dfe3e7); + color: var(--danger, #a51f18); text-decoration: none; transition: all 0.2s; } .mod-hikashop-cart__remove-btn:hover { - background: var(--danger, #c23a31); + background: var(--danger, #a51f18); color: white; - border-color: var(--danger, #c23a31); + border-color: var(--danger, #a51f18); } .mod-hikashop-cart__actions { @@ -21038,20 +21038,20 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-hikashop-cart__empty { text-align: center; padding: 2rem 1rem; - background: var(--secondary-bg, #151b22); - border: 1px solid var(--border-color, #2b323b); + background: var(--secondary-bg, #eaedf0); + border: 1px solid var(--border-color, #dfe3e7); border-radius: var(--border-radius, .25rem); } .mod-hikashop-cart__empty-icon { font-size: 3rem; - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); display: block; margin-bottom: 1rem; } .mod-hikashop-cart__empty-text { - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); margin: 0; } @@ -21073,14 +21073,14 @@ nav[data-toggle=toc] .nav-link.active+ul{ display: flex; gap: 0.75rem; padding: 1rem; - background: var(--body-bg, #0e1318); - border: 1px solid var(--border-color, #2b323b); + background: var(--body-bg, #fff); + border: 1px solid var(--border-color, #dfe3e7); border-radius: var(--border-radius, .25rem); transition: all 0.2s; } .mod-kunena-latest__item:hover { - background: var(--secondary-bg, #151b22); + background: var(--secondary-bg, #eaedf0); border-color: var(--color-primary, #112855); } @@ -21111,7 +21111,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-kunena-latest__title a { - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); text-decoration: none; transition: color 0.2s; } @@ -21126,7 +21126,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ flex-wrap: wrap; gap: 0.75rem; font-size: 0.875rem; - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); margin-bottom: 0.5rem; } @@ -21137,7 +21137,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-kunena-latest__meta a { - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); text-decoration: none; transition: color 0.2s; } @@ -21148,7 +21148,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-kunena-latest__excerpt { font-size: 0.875rem; - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); line-height: 1.6; margin-top: 0.5rem; } @@ -21168,9 +21168,9 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-kunena-latest__empty { text-align: center; padding: 2rem 1rem; - background: var(--secondary-bg, #151b22); + background: var(--secondary-bg, #eaedf0); border-radius: var(--border-radius, .25rem); - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); } /* === Mobile Responsive Adjustments === */ @@ -21239,7 +21239,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ align-items: center; gap: 1rem; padding: 1rem; - background: var(--secondary-bg, #151b22); + background: var(--secondary-bg, #eaedf0); border-radius: var(--border-radius, .25rem); margin-bottom: 1rem; } @@ -21269,7 +21269,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-kunena-login__username a { - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); text-decoration: none; } @@ -21279,15 +21279,15 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-kunena-login__rank { font-size: 0.875rem; - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); } .mod-kunena-login__stats { display: flex; gap: 1.5rem; padding: 1rem; - background: var(--body-bg, #0e1318); - border: 1px solid var(--border-color, #2b323b); + background: var(--body-bg, #fff); + border: 1px solid var(--border-color, #dfe3e7); border-radius: var(--border-radius, .25rem); margin-bottom: 1rem; } @@ -21299,13 +21299,13 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-kunena-login__stat-label { - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); font-size: 0.875rem; } .mod-kunena-login__stat-value { font-weight: 600; - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); } .mod-kunena-login__form { @@ -21317,7 +21317,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-kunena-login__pretext, .mod-kunena-login__posttext { font-size: 0.875rem; - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); line-height: 1.6; } @@ -21336,7 +21336,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-kunena-login__label { font-weight: 600; font-size: 0.875rem; - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); } .mod-kunena-login__input { @@ -21401,7 +21401,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ position: absolute; top: -8px; right: -8px; - background: var(--danger, #c23a31); + background: var(--danger, #a51f18); color: white; border-radius: 50%; width: 24px; @@ -21425,7 +21425,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-kunena-login__link { - color: var(--link-color, #8ab4f8); + color: var(--link-color, #224faa); text-decoration: none; font-size: 0.875rem; display: flex; @@ -21437,8 +21437,8 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-kunena-login__link:hover { - background: var(--secondary-bg, #151b22); - color: var(--link-hover-color, #c3d6ff); + background: var(--secondary-bg, #eaedf0); + color: var(--link-hover-color, #424077); } /* === mod_kunenasearch (Kunena Search) === */ @@ -21517,14 +21517,14 @@ nav[data-toggle=toc] .nav-link.active+ul{ align-items: center; gap: 1rem; padding: 1rem; - background: var(--body-bg, #0e1318); - border: 1px solid var(--border-color, #2b323b); + background: var(--body-bg, #fff); + border: 1px solid var(--border-color, #dfe3e7); border-radius: var(--border-radius, .25rem); transition: all 0.2s; } .mod-kunena-stats__stat:hover { - background: var(--secondary-bg, #151b22); + background: var(--secondary-bg, #eaedf0); border-color: var(--color-primary, #112855); } @@ -21537,7 +21537,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ display: flex; align-items: center; justify-content: center; - background: var(--secondary-bg, #151b22); + background: var(--secondary-bg, #eaedf0); border-radius: 50%; } @@ -21548,7 +21548,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-kunena-stats__value { font-size: 1.75rem; font-weight: 700; - color: var(--body-color, #e6ebf1); + color: var(--body-color, #22262a); line-height: 1; margin-bottom: 0.25rem; } @@ -21565,7 +21565,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-kunena-stats__label { font-size: 0.875rem; - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); text-transform: uppercase; letter-spacing: 0.5px; } @@ -21586,8 +21586,8 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-osmembership__plan { - background: var(--body-bg, #0e1318); - border: 2px solid var(--border-color, #2b323b); + background: var(--body-bg, #fff); + border: 2px solid var(--border-color, #dfe3e7); border-radius: var(--border-radius, .25rem); overflow: hidden; transition: all 0.3s; @@ -21627,7 +21627,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-osmembership__plan-description { - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); line-height: 1.6; margin-bottom: 1.5rem; } @@ -21657,14 +21657,14 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-osmembership__period { - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); font-size: 1rem; } .mod-osmembership__price--free { font-size: 2rem; font-weight: 700; - color: var(--success, #4aa664); + color: var(--success, #448344); } .mod-osmembership__features { @@ -21686,7 +21686,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod-osmembership__feature .icon-check { - color: var(--success, #4aa664); + color: var(--success, #448344); flex-shrink: 0; margin-top: 0.25rem; } @@ -21720,9 +21720,9 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod-osmembership__empty { text-align: center; padding: 2rem 1rem; - background: var(--secondary-bg, #151b22); + background: var(--secondary-bg, #eaedf0); border-radius: var(--border-radius, .25rem); - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); } /* === mod_stats === */ @@ -21732,7 +21732,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ } .mod_stats__table tr { - border-bottom: 1px solid var(--border-color, #2b323b); + border-bottom: 1px solid var(--border-color, #dfe3e7); } .mod_stats__table tr:last-child { @@ -21749,7 +21749,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ .mod_stats__data { text-align: end; padding: 0.6rem 0; - color: var(--gray-600, #48525d); + color: var(--gray-600, #6d757e); } /* === Mobile Responsive Adjustments === */ @@ -21825,7 +21825,7 @@ max-width: 100%; /* === User Profile View === */ .cb-profile-responsive { -background: var(--body-bg, #0e1318); +background: var(--body-bg, #fff); border-radius: var(--border-radius, .25rem); } @@ -21835,7 +21835,7 @@ flex-direction: column; align-items: center; gap: 1.5rem; padding: 2rem; -background: var(--secondary-bg, #151b22); +background: var(--secondary-bg, #eaedf0); border-radius: var(--border-radius, .25rem); margin-bottom: 2rem; } @@ -21845,7 +21845,7 @@ width: 150px; height: 150px; border-radius: 50%; overflow: hidden; -border: 4px solid var(--body-bg, #0e1318); +border: 4px solid var(--body-bg, #fff); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } @@ -21872,7 +21872,7 @@ align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; background: var(--success-bg); -color: var(--success, #4aa664); +color: var(--success, #448344); border-radius: 2rem; font-size: 0.875rem; font-weight: 600; @@ -21890,7 +21890,7 @@ gap: 0.5rem; margin: 0 0 2rem; padding: 0; list-style: none; -border-bottom: 2px solid var(--border-color, #2b323b); +border-bottom: 2px solid var(--border-color, #dfe3e7); } .cb-profile__tab-item { @@ -21900,7 +21900,7 @@ margin: 0; .cb-profile__tab-link { display: block; padding: 0.75rem 1.5rem; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); text-decoration: none; border-radius: var(--border-radius, .25rem) var(--border-radius, .25rem) 0 0; transition: all 0.2s; @@ -21918,8 +21918,8 @@ color: white; .cb-profile__tab-pane { display: none; padding: 1.5rem; -background: var(--body-bg, #0e1318); -border: 1px solid var(--border-color, #2b323b); +background: var(--body-bg, #fff); +border: 1px solid var(--border-color, #dfe3e7); border-radius: var(--border-radius, .25rem); } @@ -21930,7 +21930,7 @@ display: block; .cb-profile__tab-description { margin-bottom: 1.5rem; padding: 1rem; -background: var(--secondary-bg, #151b22); +background: var(--secondary-bg, #eaedf0); border-radius: var(--border-radius, .25rem); } @@ -21951,7 +21951,7 @@ color: var(--heading-color, #f1f5f9); } .cb-profile__field-value { -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); } /* === Users List View === */ @@ -21984,7 +21984,7 @@ width: 100%; flex: 1; min-height: 48px; padding: 0.75rem 1rem; -border: 1px solid var(--border-color, #2b323b); +border: 1px solid var(--border-color, #dfe3e7); border-radius: var(--border-radius, .25rem); font-size: 16px; transition: all 0.2s; @@ -22018,8 +22018,8 @@ gap: 1.5rem; } .cb-userslist__user-card { -background: var(--body-bg, #0e1318); -border: 1px solid var(--border-color, #2b323b); +background: var(--body-bg, #fff); +border: 1px solid var(--border-color, #dfe3e7); border-radius: var(--border-radius, .25rem); padding: 1.5rem; transition: all 0.3s; @@ -22072,7 +22072,7 @@ display: grid; gap: 0.5rem; margin: 1rem 0; padding: 1rem; -background: var(--secondary-bg, #151b22); +background: var(--secondary-bg, #eaedf0); border-radius: var(--border-radius, .25rem); } @@ -22125,14 +22125,14 @@ color: var(--heading-color, #f1f5f9); .cb-register__intro { padding: 1rem; -background: var(--secondary-bg, #151b22); +background: var(--secondary-bg, #eaedf0); border-radius: var(--border-radius, .25rem); margin-bottom: 1.5rem; } .cb-register__form { -background: var(--body-bg, #0e1318); -border: 1px solid var(--border-color, #2b323b); +background: var(--body-bg, #fff); +border: 1px solid var(--border-color, #dfe3e7); border-radius: var(--border-radius, .25rem); padding: 2rem; } @@ -22150,14 +22150,14 @@ color: var(--heading-color, #f1f5f9); margin: 0 0 1.5rem; padding: 0; width: 100%; -border-bottom: 2px solid var(--border-color, #2b323b); +border-bottom: 2px solid var(--border-color, #dfe3e7); padding-bottom: 0.75rem; } .cb-register__tab-description { margin-bottom: 1.5rem; padding: 1rem; -background: var(--secondary-bg, #151b22); +background: var(--secondary-bg, #eaedf0); border-radius: var(--border-radius, .25rem); } @@ -22180,13 +22180,13 @@ gap: 0.25rem; } .cb-register__required { -color: var(--danger, #c23a31); +color: var(--danger, #a51f18); font-weight: 700; } .cb-register__field-description { font-size: 0.875rem; -color: var(--gray-600, #48525d); +color: var(--gray-600, #6d757e); margin-top: 0.25rem; } @@ -22200,7 +22200,7 @@ margin-top: 0.25rem; width: 100%; min-height: 48px; padding: 0.75rem 1rem; -border: 1px solid var(--border-color, #2b323b); +border: 1px solid var(--border-color, #dfe3e7); border-radius: var(--border-radius, .25rem); font-size: 16px; transition: all 0.2s; @@ -22217,11 +22217,11 @@ box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1); .cb-register__field--required .cb-register__input-wrapper input, .cb-register__field--required .cb-register__input-wrapper select, .cb-register__field--required .cb-register__input-wrapper textarea { -border-left: 3px solid var(--danger, #c23a31); +border-left: 3px solid var(--danger, #a51f18); } .cb-register__error { -color: var(--danger, #c23a31); +color: var(--danger, #a51f18); font-size: 0.875rem; margin-top: 0.25rem; padding: 0.5rem; @@ -22232,14 +22232,14 @@ border-radius: var(--border-radius, .25rem); .cb-register__captcha { margin: 1.5rem 0; padding: 1.5rem; -background: var(--secondary-bg, #151b22); +background: var(--secondary-bg, #eaedf0); border-radius: var(--border-radius, .25rem); } .cb-register__terms { margin: 1.5rem 0; padding: 1rem; -background: var(--secondary-bg, #151b22); +background: var(--secondary-bg, #eaedf0); border-radius: var(--border-radius, .25rem); } @@ -22286,8 +22286,8 @@ padding: 2rem 1rem; .cb-login__container { width: 100%; max-width: 450px; -background: var(--body-bg, #0e1318); -border: 1px solid var(--border-color, #2b323b); +background: var(--body-bg, #fff); +border: 1px solid var(--border-color, #dfe3e7); border-radius: var(--border-radius, .25rem); padding: 2rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); @@ -22324,7 +22324,7 @@ gap: 0.25rem; } .cb-login__required { -color: var(--danger, #c23a31); +color: var(--danger, #a51f18); font-weight: 700; } @@ -22332,7 +22332,7 @@ font-weight: 700; width: 100%; min-height: 48px; padding: 0.75rem 1rem; -border: 1px solid var(--border-color, #2b323b); +border: 1px solid var(--border-color, #dfe3e7); border-radius: var(--border-radius, .25rem); font-size: 16px; transition: all 0.2s; @@ -22380,7 +22380,7 @@ transition: all 0.2s; .cb-login__links { margin-top: 2rem; padding-top: 2rem; -border-top: 1px solid var(--border-color, #2b323b); +border-top: 1px solid var(--border-color, #dfe3e7); display: flex; flex-direction: column; gap: 1rem; @@ -22395,7 +22395,7 @@ display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; -color: var(--link-color, #8ab4f8); +color: var(--link-color, #224faa); text-decoration: none; min-height: 44px; padding: 0.5rem; @@ -22540,7 +22540,7 @@ margin-bottom: 1.5rem; font-size: 1.75rem; font-weight: 700; margin: 0; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); } .jem-eventslist__list { @@ -22590,13 +22590,13 @@ margin: 0.5rem 0; } .jem-eventslist__link { -color: var(--link-color, #8ab4f8); +color: var(--link-color, #224faa); text-decoration: none; transition: color 0.2s ease; } .jem-eventslist__link:hover { -color: var(--link-hover-color, #c3d6ff); +color: var(--link-hover-color, #424077); text-decoration: underline; } @@ -22606,7 +22606,7 @@ align-items: center; gap: 0.5rem; margin: 0.75rem 0; font-size: 0.9375rem; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); } .jem-eventslist__venue-icon { @@ -22614,7 +22614,7 @@ font-size: 1rem; } .jem-eventslist__venue-link { -color: var(--link-color, #8ab4f8); +color: var(--link-color, #224faa); text-decoration: none; } @@ -22624,7 +22624,7 @@ text-decoration: underline; .jem-eventslist__description { margin: 1rem 0; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); line-height: 1.6; } @@ -22706,7 +22706,7 @@ margin-bottom: 1.5rem; font-size: 2rem; font-weight: 700; margin: 0; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); } .jem-event__image-wrapper { @@ -22753,23 +22753,23 @@ flex: 1; .jem-event__meta-label { display: block; margin-bottom: 0.25rem; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); } .jem-event__datetime, .jem-event__time-value, .jem-event__venue-name { -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); } .jem-event__venue-link { -color: var(--link-color, #8ab4f8); +color: var(--link-color, #224faa); text-decoration: none; font-weight: 500; } .jem-event__venue-link:hover { -color: var(--link-hover-color, #c3d6ff); +color: var(--link-hover-color, #424077); text-decoration: underline; } @@ -22809,12 +22809,12 @@ margin: 2rem 0; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); } .jem-event__description-content { line-height: 1.8; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); } .jem-event__registration, @@ -22831,11 +22831,11 @@ margin: 1.5rem 0; font-size: 1.25rem; font-weight: 600; margin-bottom: 1rem; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); } .jem-event__contact-link { -color: var(--link-color, #8ab4f8); +color: var(--link-color, #224faa); text-decoration: none; } @@ -22889,7 +22889,7 @@ margin-bottom: 1.5rem; font-size: 1.75rem; font-weight: 700; margin: 0; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); } .jem-calendar__navigation { @@ -22926,7 +22926,7 @@ color: var(--white, #fff); font-size: 1.25rem; font-weight: 600; margin: 0; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); } .jem-calendar__grid { @@ -22948,7 +22948,7 @@ margin-bottom: 0.5rem; text-align: center; font-weight: 600; font-size: 0.875rem; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); padding: 0.5rem 0; } @@ -22994,7 +22994,7 @@ font-weight: 700; .jem-calendar__day-number { font-size: 0.9375rem; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); } .jem-calendar__event-indicator { @@ -23019,7 +23019,7 @@ margin-top: 2rem; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); } .jem-calendar__events { @@ -23048,18 +23048,18 @@ margin: 0.5rem 0; } .jem-calendar__event-link { -color: var(--link-color, #8ab4f8); +color: var(--link-color, #224faa); text-decoration: none; } .jem-calendar__event-link:hover { -color: var(--link-hover-color, #c3d6ff); +color: var(--link-hover-color, #424077); text-decoration: underline; } .jem-calendar__event-venue { font-size: 0.9375rem; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); margin-top: 0.5rem; } @@ -23084,7 +23084,7 @@ margin-bottom: 1.5rem; font-size: 2rem; font-weight: 700; margin: 0; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); } .jem-venue__image-wrapper { @@ -23131,12 +23131,12 @@ flex: 1; .jem-venue__info-label { display: block; margin-bottom: 0.5rem; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); } .jem-venue__address-content { font-style: normal; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); } .jem-venue__street, @@ -23148,7 +23148,7 @@ margin-bottom: 0.25rem; } .jem-venue__link { -color: var(--link-color, #8ab4f8); +color: var(--link-color, #224faa); text-decoration: none; word-break: break-all; } @@ -23165,12 +23165,12 @@ margin: 2rem 0; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); } .jem-venue__description-content { line-height: 1.8; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); } .jem-venue__map { @@ -23181,7 +23181,7 @@ margin: 2rem 0; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); } .jem-venue__map-container { @@ -23224,7 +23224,7 @@ margin: 2rem 0; font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); } .jem-venue__events-list { @@ -23253,12 +23253,12 @@ margin: 0.5rem 0; } .jem-venue__event-link { -color: var(--link-color, #8ab4f8); +color: var(--link-color, #224faa); text-decoration: none; } .jem-venue__event-link:hover { -color: var(--link-hover-color, #c3d6ff); +color: var(--link-hover-color, #424077); text-decoration: underline; } @@ -23308,7 +23308,7 @@ margin-bottom: 1.5rem; font-size: 1.75rem; font-weight: 700; margin: 0; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); } .jem-categories__list { @@ -23352,19 +23352,19 @@ margin: 0.5rem 0; } .jem-categories__link { -color: var(--link-color, #8ab4f8); +color: var(--link-color, #224faa); text-decoration: none; transition: color 0.2s ease; } .jem-categories__link:hover { -color: var(--link-hover-color, #c3d6ff); +color: var(--link-hover-color, #424077); text-decoration: underline; } .jem-categories__description { margin: 1rem 0; -color: var(--body-color, #e6ebf1); +color: var(--body-color, #22262a); line-height: 1.6; } -- 2.52.0 From 6a505e5b7c8e32777e7442bccd28562de0afbeeb Mon Sep 17 00:00:00 2001 From: "gitea-actions[bot]" Date: Sat, 16 May 2026 13:10:25 +0000 Subject: [PATCH 2/4] chore: update updates.xml (development: 02.01.06-dev) [skip ci] --- updates.xml | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/updates.xml b/updates.xml index b0b35ab..fcb689b 100644 --- a/updates.xml +++ b/updates.xml @@ -11,13 +11,13 @@ mokoonyx template site - 02.01.08 - 2026-05-11 + 02.01.06 + 2026-05-16 https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/tag/development - https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/download/development/mokoonyx-02.01.08-dev.zip + https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/download/development/mokoonyx-02.01.06-dev.zip - 698e87f9cc67884461287f56dc2611c794caf3a1ab6787503045988a2b829a49 + d3c005be5521b6dc92a02e21713c521ef9da5f7bd2ed15a634a74028d3563b0e development Moko Consulting https://mokoconsulting.tech -- 2.52.0 From db618f333b73c32e00ffa3a2883b1984fb6e39d1 Mon Sep 17 00:00:00 2001 From: Jonathan Miller Date: Sat, 16 May 2026 09:06:34 -0500 Subject: [PATCH 3/4] =?UTF-8?q?chore(version):=20bump=2002.01.06=20?= =?UTF-8?q?=E2=86=92=2002.02.00=20(minor)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 4.6 (1M context) --- README.md | 2 +- src/templateDetails.xml | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 7a25634..9c1cc9c 100644 --- a/README.md +++ b/README.md @@ -12,7 +12,7 @@ A modern, lightweight Joomla site template built on Cassiopeia with Font Awesome | | | |---|---| | **Type** | Joomla Site Template | -| **Version** | 02.01.06 | +| **Version** | 02.02.00 | | **Joomla** | 5.x / 6.x | | **PHP** | 8.1+ | | **License** | GPL-3.0-or-later | diff --git a/src/templateDetails.xml b/src/templateDetails.xml index 47cdd2a..f3f5bc6 100644 --- a/src/templateDetails.xml +++ b/src/templateDetails.xml @@ -39,9 +39,9 @@ MokoOnyx - 02.01.06 + 02.02.00 script.php - 2026-05-09 + 2026-05-16 Jonathan Miller || Moko Consulting hello@mokoconsulting.tech (C)GNU General Public License Version 3 - 2026 Moko Consulting -- 2.52.0 From 97f660e42e7cbff68061bef102ce8e6e69cc4309 Mon Sep 17 00:00:00 2001 From: "gitea-actions[bot]" Date: Sat, 16 May 2026 14:07:21 +0000 Subject: [PATCH 4/4] chore: update updates.xml (development: 02.02.00-dev) [skip ci] --- updates.xml | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/updates.xml b/updates.xml index fcb689b..747910d 100644 --- a/updates.xml +++ b/updates.xml @@ -11,13 +11,13 @@ mokoonyx template site - 02.01.06 + 02.02.00 2026-05-16 https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/tag/development - https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/download/development/mokoonyx-02.01.06-dev.zip + https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/download/development/mokoonyx-02.02.00-dev.zip - d3c005be5521b6dc92a02e21713c521ef9da5f7bd2ed15a634a74028d3563b0e + 130002ea6e4530e016868c4d7df6c7007427f77caca76e55c32549f768614ee3 development Moko Consulting https://mokoconsulting.tech -- 2.52.0