meteo/Sentri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changes to login page styling before dark and light theme

Browse Source
This commit is contained in:
Marco
2026-05-21 22:58:44 +02:00
parent fa5459df56
commit 3d6e3c376f
1 changed files with 34 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
pub/login/css/style.full.css
View File

@@ -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);