From 3d6e3c376fe94fcb680b1d91f1b305c4228006d7 Mon Sep 17 00:00:00 2001
From: Meteo <marco@mooij.me>
Date: Thu, 21 May 2026 22:58:44 +0200
Subject: [PATCH] changes to login page styling before dark and light theme

---
 pub/login/css/style.full.css | 67 ++++++++++++++++++------------------
 1 file changed, 34 insertions(+), 33 deletions(-)

diff --git a/pub/login/css/style.full.css b/pub/login/css/style.full.css
index 2684580..294fb42 100644
--- a/pub/login/css/style.full.css
+++ b/pub/login/css/style.full.css
@@ -142,7 +142,7 @@
     --cui-secondary-bg-rgb: 168, 153, 132;
     --cui-tertiary-color: rgba(33, 37, 41, 0.5);
     --cui-tertiary-color-rgb: 33, 37, 41;
-    --cui-tertiary-bg: #ebdbb2;
+    --cui-tertiary-bg: #A89984;
     --cui-tertiary-bg-rgb: 40, 40, 40;
     --cui-high-emphasis: rgba(255, 255, 255, 0.87);
     --cui-medium-emphasis: rgba(255, 255, 255, 0.6);
@@ -208,8 +208,8 @@
     --cui-border-color-translucent: rgba(213, 196, 161, 2);
     --cui-form-valid-color: #75b798;
     --cui-form-valid-border-color: #75b798;
-    --cui-form-invalid-color: #ea868f;
-    --cui-form-invalid-border-color: #ea868f;
+    --cui-form-invalid-color: #98971a;
+    --cui-form-invalid-border-color: #98971a;
 }
 
 *,
@@ -2439,7 +2439,7 @@ progress {
     background-color: var(--cui-body-bg);
     border-color: #458588;
     outline: 0;
-    box-shadow: 0 0 0 0.25rem rgba(131, 165, 152, 0.25);
+    box-shadow: 0 0 0 0.25rem rgba(69, 133, 136, 0.25);
 }
 
 .form-control::-webkit-date-and-time-value {
@@ -2654,7 +2654,7 @@ textarea.form-control-lg {
 .form-select:focus {
     border-color: var(#458588);
     outline: 0;
-    box-shadow: 0 0 0 0.25rem rgba(131, 165, 152, 0.25);
+    box-shadow: 0 0 0 0.25rem rgba(69, 133, 136, 0.25);
 }
 
 .form-select[multiple], .form-select[size]:not([size="1"]) {
@@ -2892,12 +2892,13 @@ textarea.form-control-lg {
     outline: 0;
 }
 
+
 .form-range:focus::-webkit-slider-thumb {
-    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(131, 165, 152, 0.25);
+    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(69, 133, 136, 0.25);
 }
 
 .form-range:focus::-moz-range-thumb {
-    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(131, 165, 152, 0.25);
+    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(69, 133, 136, 0.25);
 }
 
 .form-range::-moz-focus-outer {
@@ -2925,7 +2926,7 @@ textarea.form-control-lg {
 }
 
 .form-range::-webkit-slider-thumb:active {
-    background-color: #cdccf3;
+    background-color: #458588;
 }
 
 .form-range::-webkit-slider-runnable-track {
@@ -2958,7 +2959,7 @@ textarea.form-control-lg {
 }
 
 .form-range::-moz-range-thumb:active {
-    background-color: #cdccf3;
+    background-color: #458588;
 }
 
 .form-range::-moz-range-track {
@@ -3492,35 +3493,35 @@ textarea.form-control-lg {
 }
 
 .btn-primary {
-    --cui-btn-color: #fbf1c7;
+    --cui-btn-color: #fff;
     --cui-btn-bg: #83a598;
     --cui-btn-border-color: #83a598;
-    --cui-btn-hover-color: #fbf1c7;
+    --cui-btn-hover-color: #fff;
     --cui-btn-hover-bg: #458588;
     --cui-btn-hover-border-color: #458588;
-    --cui-btn-focus-shadow-rgb: 131, 165, 152;
-    --cui-btn-active-color: #fbf1c7;
+    --cui-btn-focus-shadow-rgb: 69, 133, 136;
+    --cui-btn-active-color: #fff;
     --cui-btn-active-bg: #458588;
     --cui-btn-active-border-color: #458588;
-    --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-    --cui-btn-disabled-color: #fbf1c7;
+    --cui-btn-active-shadow: inset 0 3px 5px rgba(69, 133, 136, 0.125);
+    --cui-btn-disabled-color: #fff;
     --cui-btn-disabled-bg: #83a598;
     --cui-btn-disabled-border-color: #83a598;
 }
 
 .btn-secondary {
-    --cui-btn-color: #fbf1c7;
+    --cui-btn-color: #fff;
     --cui-btn-bg: #6b7785;
     --cui-btn-border-color: #6b7785;
-    --cui-btn-hover-color: #fbf1c7;
+    --cui-btn-hover-color: #fff;
     --cui-btn-hover-bg: #5b6571;
     --cui-btn-hover-border-color: #565f6a;
     --cui-btn-focus-shadow-rgb: 129, 139, 151;
-    --cui-btn-active-color: #fbf1c7;
+    --cui-btn-active-color: #fff;
     --cui-btn-active-bg: #565f6a;
     --cui-btn-active-border-color: #505964;
     --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-    --cui-btn-disabled-color: #fbf1c7;
+    --cui-btn-disabled-color: #fff;
     --cui-btn-disabled-bg: #6b7785;
     --cui-btn-disabled-border-color: #6b7785;
 }
@@ -3633,7 +3634,7 @@ textarea.form-control-lg {
     --cui-btn-hover-color: #fff;
     --cui-btn-hover-bg: #4645ab;
     --cui-btn-hover-border-color: #4241a1;
-    --cui-btn-focus-shadow-rgb: 88, 86, 214;
+    --cui-btn-focus-shadow-rgb: 69, 133, 136;
     --cui-btn-active-color: #fff;
     --cui-btn-active-bg: #4645ab;
     --cui-btn-active-border-color: #4241a1;
@@ -3859,10 +3860,10 @@ textarea.form-control-lg {
     --cui-btn-hover-color: var(--cui-link-hover-color);
     --cui-btn-hover-border-color: transparent;
     --cui-btn-active-border-color: transparent;
-    --cui-btn-disabled-color: #6d7d9c;
+    --cui-btn-disabled-color: #458588;
     --cui-btn-disabled-border-color: transparent;
     --cui-btn-box-shadow: none;
-    --cui-btn-focus-shadow-rgb: 131, 165, 152;
+    --cui-btn-focus-shadow-rgb: 69, 133, 136;
     text-decoration: underline;
 }
 
@@ -3885,18 +3886,18 @@ textarea.form-control-lg {
 }
 
 [data-coreui-theme=dark] .btn-primary {
-    --cui-btn-color: #fbf1c7;
+    --cui-btn-color: #fff;
     --cui-btn-bg: #83a598;
     --cui-btn-border-color: #83a598;
-    --cui-btn-hover-color: #fbf1c7;
+    --cui-btn-hover-color: #fff;
     --cui-btn-hover-bg: #458588;
     --cui-btn-hover-border-color: #458588;
-    --cui-btn-focus-shadow-rgb: 131, 165, 152;
-    --cui-btn-active-color: #fbf1c7;
+    --cui-btn-focus-shadow-rgb: 69, 133, 136;
+    --cui-btn-active-color: #fff;
     --cui-btn-active-bg: #458588;
     --cui-btn-active-border-color: #458588;
     --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-    --cui-btn-disabled-color: #fbf1c7;
+    --cui-btn-disabled-color: #fff;
     --cui-btn-disabled-bg: #83a598;
     --cui-btn-disabled-border-color: #83a598;
 }
@@ -4691,7 +4692,7 @@ textarea.form-control-lg {
 
 .nav-link:focus-visible {
     outline: 0;
-    box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
+    box-shadow: 0 0 0 0.25rem rgba(69, 133, 136, 0.25);
 }
 
 .nav-link.disabled, .nav-link:disabled {
@@ -5549,7 +5550,7 @@ textarea.form-control-lg {
     --cui-accordion-btn-icon-transform: rotate(-180deg);
     --cui-accordion-btn-icon-transition: transform 0.2s ease-in-out;
     --cui-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%233634a3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
-    --cui-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(131, 165, 152, 0.25);
+    --cui-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(69, 133, 136, 0.25);
     --cui-accordion-body-padding-x: 1.25rem;
     --cui-accordion-body-padding-y: 1rem;
     --cui-accordion-active-color: var(--cui-primary-text-emphasis);
@@ -5731,7 +5732,7 @@ textarea.form-control-lg {
     --cui-pagination-hover-border-color: var(--cui-border-color);
     --cui-pagination-focus-color: var(--cui-link-hover-color);
     --cui-pagination-focus-bg: var(--cui-secondary-bg);
-    --cui-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(131, 165, 152, 0.25);
+    --cui-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(69, 133, 136, 0.25);
     --cui-pagination-active-color: rgba(255, 255, 255, 0.87);
     --cui-pagination-active-bg: var(--cui-primary);
     --cui-pagination-active-border-color: var(--cui-primary);
@@ -6450,7 +6451,7 @@ textarea.form-control-lg {
     --cui-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23080a0c'%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.414'/%3e%3c/svg%3e");
     --cui-btn-close-opacity: 0.5;
     --cui-btn-close-hover-opacity: 0.75;
-    --cui-btn-close-focus-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
+    --cui-btn-close-focus-shadow: 0 0 0 0.25rem rgba(69, 133, 136, 0.25);
     --cui-btn-close-focus-opacity: 1;
     --cui-btn-close-disabled-opacity: 0.25;
     --cui-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
@@ -8702,7 +8703,7 @@ textarea.form-control-lg {
     --cui-sidebar-toggler-color: var(--cui-tertiary-color);
     --cui-sidebar-toggler-icon: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix%28-1 0 0 -1 512 512%29'%3E%3Cpath fill='%23000' d='M472,16H40A24.028,24.028,0,0,0,16,40V200H48V48H464V464H48V304H16V472a24.028,24.028,0,0,0,24,24H472a24.028,24.028,0,0,0,24-24V40A24.028,24.028,0,0,0,472,16Z'/%3E%3Cpolygon fill='%23000' points='209.377 363.306 232.004 385.933 366.627 251.31 232.004 116.687 209.377 139.313 305.374 235.311 16 235.311 16 267.311 305.372 267.311 209.377 363.306'/%3E%3C/g%3E%3C/svg%3E");
     --cui-sidebar-toggler-hover-color: var(--cui-secondary-color);
-    --cui-sidebar-toggler-focus-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
+    --cui-sidebar-toggler-focus-shadow: 0 0 0 0.25rem rgba(69, 133, 136, 0.25);
     --cui-sidebar-toggler-focus-color: var(--cui-secondary-color);
     --cui-sidebar-toggler-transition: transform 0.15s;
     position: relative;
@@ -8786,7 +8787,7 @@ textarea.form-control-lg {
 }
 
 .sidebar-dark {
-    --cui-body-color: rgba(40, 40, 40, 0.87);
+    --cui-body-color: rgba(255, 255, 255, 0.87);
     --cui-body-bg: #212631;
     --cui-emphasis-color: #fff;
     --cui-secondary-color: rgba(255, 255, 255, 0.6);