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/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;
}
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
diff --git a/updates.xml b/updates.xml
index b0b35ab..747910d 100644
--- a/updates.xml
+++ b/updates.xml
@@ -11,13 +11,13 @@
mokoonyx
template
site
- 02.01.08
- 2026-05-11
+ 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.08-dev.zip
+ https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/download/development/mokoonyx-02.02.00-dev.zip
- 698e87f9cc67884461287f56dc2611c794caf3a1ab6787503045988a2b829a49
+ 130002ea6e4530e016868c4d7df6c7007427f77caca76e55c32549f768614ee3
development
Moko Consulting
https://mokoconsulting.tech