From fac8812aeb3cbc00857e478a2c70c455351fc4a0 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Sat, 7 Mar 2026 22:02:18 +0000 Subject: [PATCH] Complete color variable conversion - zero hardcoded colors remaining Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com> --- src/media/css/colors/dark/colors_standard.css | 2 + .../css/colors/light/colors_standard.css | 2 + src/media/css/template.css | 50 +++++++++---------- 3 files changed, 29 insertions(+), 25 deletions(-) diff --git a/src/media/css/colors/dark/colors_standard.css b/src/media/css/colors/dark/colors_standard.css index b0a1a7c..f9e03e6 100644 --- a/src/media/css/colors/dark/colors_standard.css +++ b/src/media/css/colors/dark/colors_standard.css @@ -252,6 +252,8 @@ color-scheme: dark; --choices-item-hover-border: #1a8aa8; --choices-item-disabled-bg: #48525d; --choices-item-disabled-border: #36404a; +--choices-item-highlighted: #2b323b; +--choices-input-inner-bg: #1a2027; /* ===== STANDARD COLORS ===== */ --blue: #91a4ff; diff --git a/src/media/css/colors/light/colors_standard.css b/src/media/css/colors/light/colors_standard.css index 32b5907..4c71b15 100644 --- a/src/media/css/colors/light/colors_standard.css +++ b/src/media/css/colors/light/colors_standard.css @@ -251,6 +251,8 @@ color-scheme: light; --choices-item-hover-border: #008fa1; --choices-item-disabled-bg: #aaaaaa; --choices-item-disabled-border: #919191; +--choices-item-highlighted: #f2f2f2; +--choices-input-inner-bg: #f9f9f9; /* ===== STANDARD COLORS ===== */ --blue: #010156; diff --git a/src/media/css/template.css b/src/media/css/template.css index 84d20ad..4667039 100644 --- a/src/media/css/template.css +++ b/src/media/css/template.css @@ -17871,9 +17871,9 @@ nav[data-toggle=toc] .nav-link.active+ul{ font-weight: 500; margin-right: 0.234375rem; margin-bottom: 0.234375rem; - background-color: #00bcd4; - border: 1px solid #00a5bb; - color: #fff; + background-color: var(--choices-item-bg); + border: 1px solid var(--choices-item-border); + color: var(--white); word-break: break-all; -webkit-box-sizing: border-box; box-sizing: border-box; @@ -17886,12 +17886,12 @@ nav[data-toggle=toc] .nav-link.active+ul{ margin-left: 0.234375rem; } .choices__list--multiple .choices__item.is-highlighted { - background-color: #00a5bb; - border: 1px solid #008fa1; + background-color: var(--choices-item-hover-bg); + border: 1px solid var(--choices-item-hover-border); } .is-disabled .choices__list--multiple .choices__item { - background-color: #aaaaaa; - border: 1px solid #919191; + background-color: var(--choices-item-disabled-bg); + border: 1px solid var(--choices-item-disabled-border); } .choices__list--dropdown { @@ -17962,7 +17962,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ } } .choices__list--dropdown .choices__item--selectable.is-highlighted { - background-color: #f2f2f2; + background-color: var(--choices-item-highlighted); } .choices__list--dropdown .choices__item--selectable.is-highlighted::after { opacity: 0.5; @@ -18011,7 +18011,7 @@ nav[data-toggle=toc] .nav-link.active+ul{ .choices__input { display: inline-block; vertical-align: baseline; - background-color: #f9f9f9; + background-color: var(--choices-input-inner-bg); font-size: 14px; margin-bottom: 0.3125rem; border: 0; @@ -21980,7 +21980,7 @@ margin: 1rem 0; display: inline-block; padding: 0.25rem 0.75rem; background: var(--primary-color, #007bff); -color: #fff; +color: var(--white); border-radius: 1rem; font-size: 0.8125rem; font-weight: 500; @@ -21995,7 +21995,7 @@ display: inline-block; padding: 0.625rem 1.25rem; min-height: 44px; background: var(--btn-primary-bg, #007bff); -color: #fff; +color: var(--white); border: none; border-radius: var(--border-radius, 0.375rem); text-decoration: none; @@ -22007,7 +22007,7 @@ cursor: pointer; .jem-eventslist__button:hover { background: var(--btn-primary-hover-bg, #0056b3); -color: #fff; +color: var(--white); text-decoration: none; } @@ -22136,7 +22136,7 @@ margin-top: 0.5rem; display: inline-block; padding: 0.25rem 0.75rem; background: var(--primary-color, #007bff); -color: #fff; +color: var(--white); border-radius: 1rem; font-size: 0.8125rem; font-weight: 500; @@ -22193,7 +22193,7 @@ display: inline-block; padding: 0.625rem 1.25rem; min-height: 44px; background: var(--btn-secondary-bg, #6c757d); -color: #fff; +color: var(--white); border: none; border-radius: var(--border-radius, 0.375rem); text-decoration: none; @@ -22205,7 +22205,7 @@ cursor: pointer; .jem-event__button:hover { background: var(--btn-secondary-hover-bg, #5a6268); -color: #fff; +color: var(--white); text-decoration: none; } @@ -22250,7 +22250,7 @@ justify-content: center; width: 44px; height: 44px; background: var(--btn-primary-bg, #007bff); -color: #fff; +color: var(--white); border: none; border-radius: 50%; text-decoration: none; @@ -22260,7 +22260,7 @@ transition: background-color 0.2s ease; .jem-calendar__nav-button:hover { background: var(--btn-primary-hover-bg, #0056b3); -color: #fff; +color: var(--white); } .jem-calendar__current-month { @@ -22306,7 +22306,7 @@ flex-direction: column; align-items: center; justify-content: center; padding: 0.5rem; -background: #fff; +background: var(--white); border: 1px solid var(--border-color, #dee2e6); border-radius: var(--border-radius, 0.375rem); cursor: pointer; @@ -22345,7 +22345,7 @@ justify-content: center; min-width: 1.25rem; height: 1.25rem; background: var(--primary-color, #007bff); -color: #fff; +color: var(--white); border-radius: 50%; font-size: 0.6875rem; font-weight: 600; @@ -22542,7 +22542,7 @@ display: inline-block; padding: 0.625rem 1.25rem; min-height: 44px; background: var(--btn-primary-bg, #007bff); -color: #fff; +color: var(--white); border: none; border-radius: var(--border-radius, 0.375rem); text-decoration: none; @@ -22553,7 +22553,7 @@ transition: background-color 0.2s ease; .jem-venue__map-link:hover { background: var(--btn-primary-hover-bg, #0056b3); -color: #fff; +color: var(--white); text-decoration: none; } @@ -22612,7 +22612,7 @@ display: inline-block; padding: 0.625rem 1.25rem; min-height: 44px; background: var(--btn-secondary-bg, #6c757d); -color: #fff; +color: var(--white); border: none; border-radius: var(--border-radius, 0.375rem); text-decoration: none; @@ -22624,7 +22624,7 @@ cursor: pointer; .jem-venue__button:hover { background: var(--btn-secondary-hover-bg, #5a6268); -color: #fff; +color: var(--white); text-decoration: none; } @@ -22728,7 +22728,7 @@ display: inline-block; padding: 0.625rem 1.25rem; min-height: 44px; background: var(--btn-primary-bg, #007bff); -color: #fff; +color: var(--white); border: none; border-radius: var(--border-radius, 0.375rem); text-decoration: none; @@ -22740,7 +22740,7 @@ cursor: pointer; .jem-categories__button:hover { background: var(--btn-primary-hover-bg, #0056b3); -color: #fff; +color: var(--white); text-decoration: none; }