slu-design-system 6.0.8 → 6.0.10

package/dist/designsystem-aqua.css

@@ -25,7 +25,7 @@
   --bs-gray-700: #495057;
   --bs-gray-800: #343a40;
   --bs-gray-900: #212529;
-  --bs-primary: #0056b3;
+  --bs-primary: #406e8e;
   --bs-secondary: #6c757d;
   --bs-success: #52a852;
   --bs-info: #17a2b8;
@@ -33,7 +33,7 @@
   --bs-danger: #b83d39;
   --bs-light: #f8f9fa;
   --bs-dark: #212529;
-  --bs-primary-rgb: 0, 86, 179;
+  --bs-primary-rgb: 64, 110, 142;
   --bs-secondary-rgb: 108, 117, 125;
   --bs-success-rgb: 82, 168, 82;
   --bs-info-rgb: 23, 162, 184;
@@ -41,7 +41,7 @@
   --bs-danger-rgb: 184, 61, 57;
   --bs-light-rgb: 248, 249, 250;
   --bs-dark-rgb: 33, 37, 41;
-  --bs-primary-text-emphasis: #002248;
+  --bs-primary-text-emphasis: #1a2c39;
   --bs-secondary-text-emphasis: #2b2f32;
   --bs-success-text-emphasis: #214321;
   --bs-info-text-emphasis: #09414a;
@@ -49,7 +49,7 @@
   --bs-danger-text-emphasis: #4a1817;
   --bs-light-text-emphasis: #495057;
   --bs-dark-text-emphasis: #495057;
-  --bs-primary-bg-subtle: #ccddf0;
+  --bs-primary-bg-subtle: #d9e2e8;
   --bs-secondary-bg-subtle: #e2e3e5;
   --bs-success-bg-subtle: #dceedc;
   --bs-info-bg-subtle: #d1ecf1;
@@ -57,7 +57,7 @@
   --bs-danger-bg-subtle: #f1d8d7;
   --bs-light-bg-subtle: #fcfcfd;
   --bs-dark-bg-subtle: #ced4da;
-  --bs-primary-border-subtle: #99bbe1;
+  --bs-primary-border-subtle: #b3c5d2;
   --bs-secondary-border-subtle: #c4c8cb;
   --bs-success-border-subtle: #badcba;
   --bs-info-border-subtle: #a2dae3;
@@ -89,11 +89,11 @@
   --bs-tertiary-bg: #f8f9fa;
   --bs-tertiary-bg-rgb: 248, 249, 250;
   --bs-heading-color: inherit;
-  --bs-link-color: #0056b3;
-  --bs-link-color-rgb: 0, 86, 179;
+  --bs-link-color: #406e8e;
+  --bs-link-color-rgb: 64, 110, 142;
   --bs-link-decoration: underline;
-  --bs-link-hover-color: #004a9a;
-  --bs-link-hover-color-rgb: 0, 74, 154;
+  --bs-link-hover-color: #1c2d49;
+  --bs-link-hover-color-rgb: 28, 45, 73;
   --bs-code-color: #d63384;
   --bs-highlight-bg: #fff3cd;
   --bs-border-width: 1px;
@@ -113,7 +113,7 @@
   --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
   --bs-focus-ring-width: 0.25rem;
   --bs-focus-ring-opacity: 0.25;
-  --bs-focus-ring-color: rgba(0, 86, 179, 0.25);
+  --bs-focus-ring-color: rgba(64, 110, 142, 0.25);
   --bs-form-valid-color: #52a852;
   --bs-form-valid-border-color: #52a852;
   --bs-form-invalid-color: #b83d39;
@@ -136,7 +136,7 @@
   --bs-tertiary-color-rgb: 173, 181, 189;
   --bs-tertiary-bg: #2b3035;
   --bs-tertiary-bg-rgb: 43, 48, 53;
-  --bs-primary-text-emphasis: #669ad1;
+  --bs-primary-text-emphasis: #8ca8bb;
   --bs-secondary-text-emphasis: #a7acb1;
   --bs-success-text-emphasis: #97cb97;
   --bs-info-text-emphasis: #74c7d4;
@@ -144,7 +144,7 @@
   --bs-danger-text-emphasis: #d48b88;
   --bs-light-text-emphasis: #f8f9fa;
   --bs-dark-text-emphasis: #dee2e6;
-  --bs-primary-bg-subtle: #001124;
+  --bs-primary-bg-subtle: #0d161c;
   --bs-secondary-bg-subtle: #161719;
   --bs-success-bg-subtle: #102210;
   --bs-info-bg-subtle: #052025;
@@ -152,7 +152,7 @@
   --bs-danger-bg-subtle: #250c0b;
   --bs-light-bg-subtle: #343a40;
   --bs-dark-bg-subtle: #1a1d20;
-  --bs-primary-border-subtle: #00346b;
+  --bs-primary-border-subtle: #264255;
   --bs-secondary-border-subtle: #41464b;
   --bs-success-border-subtle: #316531;
   --bs-info-border-subtle: #0e616e;
@@ -161,10 +161,10 @@
   --bs-light-border-subtle: #495057;
   --bs-dark-border-subtle: #343a40;
   --bs-heading-color: inherit;
-  --bs-link-color: #669ad1;
-  --bs-link-hover-color: #85aeda;
-  --bs-link-color-rgb: 102, 154, 209;
-  --bs-link-hover-color-rgb: 133, 174, 218;
+  --bs-link-color: #8ca8bb;
+  --bs-link-hover-color: #a3b9c9;
+  --bs-link-color-rgb: 140, 168, 187;
+  --bs-link-hover-color-rgb: 163, 185, 201;
   --bs-code-color: #e685b5;
   --bs-border-color: #495057;
   --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
@@ -182,7 +182,7 @@
 
 .text-bg-primary {
   color: #fff !important;
-  background-color: RGBA(0, 86, 179, var(--bs-bg-opacity, 1)) !important;
+  background-color: RGBA(64, 110, 142, var(--bs-bg-opacity, 1)) !important;
 }
 
 .text-bg-secondary {
@@ -225,8 +225,8 @@
   text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
 }
 .link-primary:hover, .link-primary:focus {
-  color: RGBA(0, 69, 143, var(--bs-link-opacity, 1)) !important;
-  text-decoration-color: RGBA(0, 69, 143, var(--bs-link-underline-opacity, 1)) !important;
+  color: RGBA(51, 88, 114, var(--bs-link-opacity, 1)) !important;
+  text-decoration-color: RGBA(51, 88, 114, var(--bs-link-underline-opacity, 1)) !important;
 }
 
 .link-secondary {
@@ -6982,13 +6982,13 @@ progress {
 
 .table-primary {
   --bs-table-color: #000;
-  --bs-table-bg: #ccddf0;
-  --bs-table-border-color: #b8c7d8;
-  --bs-table-striped-bg: #c2d2e4;
+  --bs-table-bg: #d9e2e8;
+  --bs-table-border-color: #c3cbd1;
+  --bs-table-striped-bg: #ced7dc;
   --bs-table-striped-color: #000;
-  --bs-table-active-bg: #b8c7d8;
+  --bs-table-active-bg: #c3cbd1;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #bdccde;
+  --bs-table-hover-bg: #c9d1d7;
   --bs-table-hover-color: #000;
   color: var(--bs-table-color);
   border-color: var(--bs-table-border-color);
@@ -7186,9 +7186,9 @@ progress {
 .form-control:focus {
   color: var(--bs-body-color);
   background-color: white;
-  border-color: #80abd9;
+  border-color: #a0b7c7;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(0, 86, 179, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(64, 110, 142, 0.25);
 }
 .form-control::-webkit-date-and-time-value {
   min-width: 85px;
@@ -7331,9 +7331,9 @@ textarea.form-control-lg {
   }
 }
 .form-select:focus {
-  border-color: #80abd9;
+  border-color: #a0b7c7;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(0, 86, 179, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(64, 110, 142, 0.25);
 }
 .form-select[multiple], .form-select[size]:not([size="1"]) {
   padding-right: 0.5rem;
@@ -7414,13 +7414,13 @@ textarea.form-control-lg {
   filter: brightness(90%);
 }
 .form-check-input:focus {
-  border-color: #80abd9;
+  border-color: #a0b7c7;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(0, 86, 179, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(64, 110, 142, 0.25);
 }
 .form-check-input:checked {
-  background-color: #0056b3;
-  border-color: #0056b3;
+  background-color: #406e8e;
+  border-color: #406e8e;
 }
 .form-check-input:checked[type=checkbox] {
   --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
@@ -7429,8 +7429,8 @@ textarea.form-control-lg {
   --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
 }
 .form-check-input[type=checkbox]:indeterminate {
-  background-color: #0056b3;
-  border-color: #0056b3;
+  background-color: #406e8e;
+  border-color: #406e8e;
   --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
 }
 .form-check-input:disabled {
@@ -7461,7 +7461,7 @@ textarea.form-control-lg {
   }
 }
 .form-switch .form-check-input:focus {
-  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2380abd9'/%3e%3c/svg%3e");
+  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23a0b7c7'/%3e%3c/svg%3e");
 }
 .form-switch .form-check-input:checked {
   background-position: right center;
@@ -7507,10 +7507,10 @@ textarea.form-control-lg {
   outline: 0;
 }
 .form-range:focus::-webkit-slider-thumb {
-  box-shadow: 0 0 0 1px #e9ebee, 0 0 0 0.25rem rgba(0, 86, 179, 0.25);
+  box-shadow: 0 0 0 1px #e9ebee, 0 0 0 0.25rem rgba(64, 110, 142, 0.25);
 }
 .form-range:focus::-moz-range-thumb {
-  box-shadow: 0 0 0 1px #e9ebee, 0 0 0 0.25rem rgba(0, 86, 179, 0.25);
+  box-shadow: 0 0 0 1px #e9ebee, 0 0 0 0.25rem rgba(64, 110, 142, 0.25);
 }
 .form-range::-moz-focus-outer {
   border: 0;
@@ -7519,7 +7519,7 @@ textarea.form-control-lg {
   width: 1rem;
   height: 1rem;
   margin-top: -0.25rem;
-  background-color: #0056b3;
+  background-color: #406e8e;
   border: 0;
   border-radius: 1rem;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -7531,7 +7531,7 @@ textarea.form-control-lg {
   }
 }
 .form-range::-webkit-slider-thumb:active {
-  background-color: #b3cce8;
+  background-color: #c6d4dd;
 }
 .form-range::-webkit-slider-runnable-track {
   width: 100%;
@@ -7545,7 +7545,7 @@ textarea.form-control-lg {
 .form-range::-moz-range-thumb {
   width: 1rem;
   height: 1rem;
-  background-color: #0056b3;
+  background-color: #406e8e;
   border: 0;
   border-radius: 1rem;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -7557,7 +7557,7 @@ textarea.form-control-lg {
   }
 }
 .form-range::-moz-range-thumb:active {
-  background-color: #b3cce8;
+  background-color: #c6d4dd;
 }
 .form-range::-moz-range-track {
   width: 100%;
@@ -8051,19 +8051,19 @@ textarea.form-control-lg {
 
 .btn-primary {
   --bs-btn-color: #fff;
-  --bs-btn-bg: #0056b3;
-  --bs-btn-border-color: #0056b3;
+  --bs-btn-bg: #406e8e;
+  --bs-btn-border-color: #406e8e;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #004998;
-  --bs-btn-hover-border-color: #00458f;
-  --bs-btn-focus-shadow-rgb: 38, 111, 190;
+  --bs-btn-hover-bg: #365e79;
+  --bs-btn-hover-border-color: #335872;
+  --bs-btn-focus-shadow-rgb: 93, 132, 159;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #00458f;
-  --bs-btn-active-border-color: #004186;
+  --bs-btn-active-bg: #335872;
+  --bs-btn-active-border-color: #30536b;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #0056b3;
-  --bs-btn-disabled-border-color: #0056b3;
+  --bs-btn-disabled-bg: #406e8e;
+  --bs-btn-disabled-border-color: #406e8e;
 }
 
 .btn-secondary {
@@ -8186,19 +8186,19 @@ textarea.form-control-lg {
 }
 
 .btn-outline-primary {
-  --bs-btn-color: #0056b3;
-  --bs-btn-border-color: #0056b3;
+  --bs-btn-color: #406e8e;
+  --bs-btn-border-color: #406e8e;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #0056b3;
-  --bs-btn-hover-border-color: #0056b3;
-  --bs-btn-focus-shadow-rgb: 0, 86, 179;
+  --bs-btn-hover-bg: #406e8e;
+  --bs-btn-hover-border-color: #406e8e;
+  --bs-btn-focus-shadow-rgb: 64, 110, 142;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #0056b3;
-  --bs-btn-active-border-color: #0056b3;
+  --bs-btn-active-bg: #406e8e;
+  --bs-btn-active-border-color: #406e8e;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --bs-btn-disabled-color: #0056b3;
+  --bs-btn-disabled-color: #406e8e;
   --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: #0056b3;
+  --bs-btn-disabled-border-color: #406e8e;
   --bs-gradient: none;
 }
 
@@ -8333,7 +8333,7 @@ textarea.form-control-lg {
   --bs-btn-disabled-color: #6c757d;
   --bs-btn-disabled-border-color: transparent;
   --bs-btn-box-shadow: 0 0 0 #000;
-  --bs-btn-focus-shadow-rgb: 38, 111, 190;
+  --bs-btn-focus-shadow-rgb: 93, 132, 159;
   text-decoration: underline;
 }
 .btn-link:focus-visible {
@@ -8403,7 +8403,7 @@ textarea.form-control-lg {
   --bs-dropdown-link-hover-color: var(--bs-body-color);
   --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
   --bs-dropdown-link-active-color: #fff;
-  --bs-dropdown-link-active-bg: #0056b3;
+  --bs-dropdown-link-active-bg: #406e8e;
   --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
   --bs-dropdown-item-padding-x: 0.5rem;
   --bs-dropdown-item-padding-y: 0.25rem;
@@ -8669,7 +8669,7 @@ textarea.form-control-lg {
   --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
   --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
   --bs-dropdown-link-active-color: #fff;
-  --bs-dropdown-link-active-bg: #0056b3;
+  --bs-dropdown-link-active-bg: #406e8e;
   --bs-dropdown-link-disabled-color: #adb5bd;
   --bs-dropdown-header-color: #adb5bd;
 }
@@ -8809,7 +8809,7 @@ textarea.form-control-lg {
 }
 .nav-link:focus-visible {
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(0, 86, 179, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(64, 110, 142, 0.25);
 }
 .nav-link.disabled {
   color: var(--bs-nav-link-disabled-color);
@@ -8857,7 +8857,7 @@ textarea.form-control-lg {
 .nav-pills {
   --bs-nav-pills-border-radius: var(--bs-border-radius);
   --bs-nav-pills-link-active-color: #fff;
-  --bs-nav-pills-link-active-bg: #0056b3;
+  --bs-nav-pills-link-active-bg: #406e8e;
 }
 .nav-pills .nav-link {
   border-radius: var(--bs-nav-pills-border-radius);
@@ -9389,7 +9389,7 @@ textarea.form-control-lg {
   --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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");
   --bs-btn-close-opacity: 0.5;
   --bs-btn-close-hover-opacity: 0.75;
-  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(0, 86, 179, 0.25);
+  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(64, 110, 142, 0.25);
   --bs-btn-close-focus-opacity: 1;
   --bs-btn-close-disabled-opacity: 0.25;
   --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
@@ -9777,7 +9777,7 @@ textarea.form-control-lg {
   --bs-progress-border-radius: var(--bs-border-radius);
   --bs-progress-box-shadow: var(--bs-box-shadow-inset);
   --bs-progress-bar-color: #fff;
-  --bs-progress-bar-bg: #0056b3;
+  --bs-progress-bar-bg: #406e8e;
   --bs-progress-bar-transition: width 0.6s ease;
   display: flex;
   height: var(--bs-progress-height);
@@ -10239,10 +10239,10 @@ textarea.form-control-lg {
   --bs-pagination-hover-border-color: var(--bs-border-color);
   --bs-pagination-focus-color: var(--bs-link-hover-color);
   --bs-pagination-focus-bg: var(--bs-secondary-bg);
-  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 86, 179, 0.25);
+  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(64, 110, 142, 0.25);
   --bs-pagination-active-color: #fff;
-  --bs-pagination-active-bg: #0056b3;
-  --bs-pagination-active-border-color: #0056b3;
+  --bs-pagination-active-bg: #406e8e;
+  --bs-pagination-active-border-color: #406e8e;
   --bs-pagination-disabled-color: var(--bs-secondary-color);
   --bs-pagination-disabled-bg: var(--bs-secondary-bg);
   --bs-pagination-disabled-border-color: var(--bs-border-color);
@@ -10826,11 +10826,11 @@ textarea.form-control-lg {
 }
 
 .bg-primary-dark {
-  background-color: #004a9a;
+  background-color: #1c2d49;
 }
 
 .text-primary-dark {
-  color: #004a9a;
+  color: #1c2d49;
 }
 
 section {
@@ -11047,9 +11047,9 @@ suggestive-search {
   box-shadow: none;
 }
 .suggestive-input:focus, .suggestive-input.focus {
-  border: var(--bs-border-width) solid #80abd9;
+  border: var(--bs-border-width) solid #a0b7c7;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(0, 86, 179, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(64, 110, 142, 0.25);
 }
 .suggestive-input button:focus {
   outline: 0;
@@ -11169,7 +11169,7 @@ suggestive-search {
   color: white;
   border-radius: 50%;
   padding: 0.5rem;
-  background-color: #0056b3;
+  background-color: #406e8e;
   width: 2.4rem;
   display: flex;
   justify-content: center;
@@ -11274,19 +11274,19 @@ suggestive-search {
 
 .btn-primary-dark {
   --bs-btn-color: white;
-  --bs-btn-bg: #004a9a;
-  --bs-btn-border-color: #003d80;
+  --bs-btn-bg: #1c2d49;
+  --bs-btn-border-color: #152236;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #0056b3;
-  --bs-btn-hover-border-color: #004a9a;
-  --bs-btn-focus-shadow-rgb: 38, 90, 147;
+  --bs-btn-hover-bg: #23395b;
+  --bs-btn-hover-border-color: #1c2d49;
+  --bs-btn-focus-shadow-rgb: 56, 67, 84;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #003b7b;
-  --bs-btn-active-border-color: #002e60;
+  --bs-btn-active-bg: #16243a;
+  --bs-btn-active-border-color: #101a29;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #004a9a;
-  --bs-btn-disabled-border-color: #003d80;
+  --bs-btn-disabled-bg: #1c2d49;
+  --bs-btn-disabled-border-color: #152236;
 }
 
 .btn-link:active, .btn-link.active {
@@ -11302,19 +11302,19 @@ suggestive-search {
 .btn-select-primary {
   display: inline-block;
   --bs-btn-color: #fff;
-  --bs-btn-bg: #0056b3;
-  --bs-btn-border-color: #003d80;
+  --bs-btn-bg: #406e8e;
+  --bs-btn-border-color: #30536b;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #004998;
-  --bs-btn-hover-border-color: #003166;
-  --bs-btn-focus-shadow-rgb: 38, 90, 147;
+  --bs-btn-hover-bg: #365e79;
+  --bs-btn-hover-border-color: #264256;
+  --bs-btn-focus-shadow-rgb: 79, 109, 129;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #00458f;
-  --bs-btn-active-border-color: #002e60;
+  --bs-btn-active-bg: #335872;
+  --bs-btn-active-border-color: #243e50;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #0056b3;
-  --bs-btn-disabled-border-color: #003d80;
+  --bs-btn-disabled-bg: #406e8e;
+  --bs-btn-disabled-border-color: #30536b;
   --bs-btn-padding-y: 0.1rem;
   --bs-btn-padding-x: 0.3rem;
   --bs-btn-font-size: 0.75rem;
@@ -11425,7 +11425,7 @@ suggestive-search {
   opacity: 0.7;
 }
 .btn-invisible:focus-visible {
-  outline: dotted 1px #0056b3 !important;
+  outline: dotted 1px #406e8e !important;
   border-radius: 0;
 }
 
@@ -11638,7 +11638,7 @@ adb-date-picker .to-left nav {
 }
 adb-date-picker nav header button.btn {
   box-shadow: none;
-  border: 1px solid #003d80;
+  border: 1px solid #30536b;
 }
 adb-date-picker nav header button.btn-outline-primary {
   border: 1px solid transparent;