@coreui/coreui 5.0.0-alpha.1 → 5.0.0-alpha.3

package/dist/css/coreui.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- * CoreUI  v5.0.0-alpha.1 (https://coreui.io)
+ * CoreUI  v5.0.0-alpha.3 (https://coreui.io)
  * Copyright (c) 2023 creativeLabs Łukasz Holeczek
  * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
  */
@@ -29,7 +29,7 @@
   --cui-gray-700: #4a566d;
   --cui-gray-800: #323a49;
   --cui-gray-900: #212631;
-  --cui-primary: #321fdb;
+  --cui-primary: #5856d6;
   --cui-secondary: #9da5b1;
   --cui-success: #2eb85c;
   --cui-info: #39f;
@@ -37,7 +37,7 @@
   --cui-danger: #e55353;
   --cui-light: #f3f4f7;
   --cui-dark: #212631;
-  --cui-primary-rgb: 50, 31, 219;
+  --cui-primary-rgb: 88, 86, 214;
   --cui-secondary-rgb: 157, 165, 177;
   --cui-success-rgb: 46, 184, 92;
   --cui-info-rgb: 51, 153, 255;
@@ -45,7 +45,7 @@
   --cui-danger-rgb: 229, 83, 83;
   --cui-light-rgb: 243, 244, 247;
   --cui-dark-rgb: 33, 38, 49;
-  --cui-primary-text-emphasis: #1f1498;
+  --cui-primary-text-emphasis: #3634a3;
   --cui-secondary-text-emphasis: #212233;
   --cui-success-text-emphasis: #0f5722;
   --cui-info-text-emphasis: #184c77;
@@ -53,7 +53,7 @@
   --cui-danger-text-emphasis: #671414;
   --cui-light-text-emphasis: #4a566d;
   --cui-dark-text-emphasis: #323a49;
-  --cui-primary-bg-subtle: #ccc7f6;
+  --cui-primary-bg-subtle: #cfc7f3;
   --cui-secondary-bg-subtle: #ced2d8;
   --cui-success-bg-subtle: #cbedd6;
   --cui-info-bg-subtle: #c0e6ff;
@@ -61,7 +61,7 @@
   --cui-danger-bg-subtle: #f9d4d4;
   --cui-light-bg-subtle: #f9fafb;
   --cui-dark-bg-subtle: #cfd4de;
-  --cui-primary-border-subtle: #988fed;
+  --cui-primary-border-subtle: #9d92e6;
   --cui-secondary-border-subtle: #9da5b1;
   --cui-success-border-subtle: #96dbad;
   --cui-info-border-subtle: #80c6ff;
@@ -92,6 +92,20 @@
   --cui-tertiary-color-rgb: 37, 43, 54;
   --cui-tertiary-bg: #f3f4f7;
   --cui-tertiary-bg-rgb: 243, 244, 247;
+  --cui-body-color-dark: rgba(255, 255, 255, 0.87);
+  --cui-body-color-rgb-dark: 255, 255, 255;
+  --cui-body-bg-dark: #212631;
+  --cui-body-bg-rgb-dark: 33, 38, 49;
+  --cui-emphasis-color-dark: #fff;
+  --cui-emphasis-color-rgb-dark: 255, 255, 255;
+  --cui-secondary-color-dark: rgba(255, 255, 255, 0.6);
+  --cui-secondary-color-rgb-dark: 255, 255, 255;
+  --cui-secondary-bg-dark: #323a49;
+  --cui-secondary-bg-rgb-dark: 50, 58, 73;
+  --cui-tertiary-color-dark: rgba(255, 255, 255, 0.38);
+  --cui-tertiary-color-rgb-dark: 255, 255, 255;
+  --cui-tertiary-bg-dark: #2a303d;
+  --cui-tertiary-bg-rgb-dark: 42, 48, 61;
   --cui-high-emphasis: rgba(37, 43, 54, 0.95);
   --cui-medium-emphasis: rgba(37, 43, 54, 0.681);
   --cui-disabled: rgba(37, 43, 54, 0.38);
@@ -99,12 +113,13 @@
   --cui-medium-emphasis-inverse: rgba(255, 255, 255, 0.6);
   --cui-disabled-inverse: rgba(255, 255, 255, 0.38);
   --cui-heading-color: inherit;
-  --cui-link-color: #321fdb;
-  --cui-link-color-rgb: 50, 31, 219;
+  --cui-link-color: #5856d6;
+  --cui-link-color-rgb: 88, 86, 214;
   --cui-link-decoration: underline;
-  --cui-link-hover-color: #2819af;
-  --cui-link-hover-color-rgb: 40, 25, 175;
+  --cui-link-hover-color: #4645ab;
+  --cui-link-hover-color-rgb: 70, 69, 171;
   --cui-code-color: #d63384;
+  --cui-highlight-color: rgba(37, 43, 54, 0.95);
   --cui-highlight-bg: #fff3cd;
   --cui-border-width: 1px;
   --cui-border-style: solid;
@@ -123,7 +138,7 @@
   --cui-box-shadow-inset: inset 0 1px 2px rgba(8, 10, 12, 0.075);
   --cui-focus-ring-width: 0.25rem;
   --cui-focus-ring-opacity: 0.25;
-  --cui-focus-ring-color: rgba(50, 31, 219, 0.25);
+  --cui-focus-ring-color: rgba(88, 86, 214, 0.25);
   --cui-form-valid-color: #2eb85c;
   --cui-form-valid-border-color: #2eb85c;
   --cui-form-invalid-color: #e55353;
@@ -132,31 +147,31 @@
 
 [data-coreui-theme=dark] {
   color-scheme: dark;
-  --cui-body-color: #aab3c5;
-  --cui-body-color-rgb: 170, 179, 197;
+  --cui-body-color: rgba(255, 255, 255, 0.87);
+  --cui-body-color-rgb: 255, 255, 255;
   --cui-body-bg: #212631;
   --cui-body-bg-rgb: 33, 38, 49;
   --cui-emphasis-color: #fff;
   --cui-emphasis-color-rgb: 255, 255, 255;
-  --cui-secondary-color: rgba(170, 179, 197, 0.75);
-  --cui-secondary-color-rgb: 170, 179, 197;
+  --cui-secondary-color: rgba(255, 255, 255, 0.6);
+  --cui-secondary-color-rgb: 255, 255, 255;
   --cui-secondary-bg: #323a49;
   --cui-secondary-bg-rgb: 50, 58, 73;
-  --cui-tertiary-color: rgba(170, 179, 197, 0.5);
-  --cui-tertiary-color-rgb: 170, 179, 197;
-  --cui-tertiary-bg: #252a37;
-  --cui-tertiary-bg-rgb: 37, 42, 55;
-  --cui-high-emphasis: #aab3c5;
-  --cui-medium-emphasis: rgba(170, 179, 197, 0.75);
-  --cui-disabled: rgba(170, 179, 197, 0.5);
-  --cui-primary: #6b60ce;
+  --cui-tertiary-color: rgba(255, 255, 255, 0.38);
+  --cui-tertiary-color-rgb: 255, 255, 255;
+  --cui-tertiary-bg: #2a303d;
+  --cui-tertiary-bg-rgb: 42, 48, 61;
+  --cui-high-emphasis: rgba(255, 255, 255, 0.87);
+  --cui-medium-emphasis: rgba(255, 255, 255, 0.6);
+  --cui-disabled: rgba(255, 255, 255, 0.38);
+  --cui-primary: #6261cc;
   --cui-secondary: #a6a7a8;
   --cui-success: #3aad60;
   --cui-info: #3d99f5;
   --cui-warning: #edad21;
   --cui-danger: #db5d5d;
-  --cui-light: #f4f5f6;
-  --cui-dark: #25282d;
+  --cui-light: #f3f4f7;
+  --cui-dark: #212631;
   --cui-gray-100: #f3f4f7;
   --cui-gray-200: #e7eaee;
   --cui-gray-300: #dbdfe6;
@@ -166,23 +181,23 @@
   --cui-gray-700: #4a566d;
   --cui-gray-800: #323a49;
   --cui-gray-900: #212631;
-  --cui-primary-rgb: 107, 96, 206;
+  --cui-primary-rgb: 98, 97, 204;
   --cui-secondary-rgb: 166, 167, 168;
   --cui-success-rgb: 58, 173, 96;
   --cui-info-rgb: 61, 153, 245;
   --cui-warning-rgb: 237, 173, 33;
   --cui-danger-rgb: 219, 93, 93;
-  --cui-light-rgb: 244, 245, 246;
-  --cui-dark-rgb: 37, 40, 45;
-  --cui-primary-text-emphasis: #1f1498;
-  --cui-secondary-text-emphasis: #212233;
-  --cui-success-text-emphasis: #0f5722;
-  --cui-info-text-emphasis: #184c77;
-  --cui-warning-text-emphasis: #764705;
-  --cui-danger-text-emphasis: #671414;
+  --cui-light-rgb: 243, 244, 247;
+  --cui-dark-rgb: 33, 38, 49;
+  --cui-primary-text-emphasis: #403f98;
+  --cui-secondary-text-emphasis: #25262f;
+  --cui-success-text-emphasis: #145224;
+  --cui-info-text-emphasis: #1f4b70;
+  --cui-warning-text-emphasis: #70460b;
+  --cui-danger-text-emphasis: #611a1a;
   --cui-light-text-emphasis: #f3f4f7;
   --cui-dark-text-emphasis: #dbdfe6;
-  --cui-primary-bg-subtle: #ccc7f6;
+  --cui-primary-bg-subtle: #cfc7f3;
   --cui-secondary-bg-subtle: #ced2d8;
   --cui-success-bg-subtle: #cbedd6;
   --cui-info-bg-subtle: #c0e6ff;
@@ -190,7 +205,7 @@
   --cui-danger-bg-subtle: #f9d4d4;
   --cui-light-bg-subtle: #323a49;
   --cui-dark-bg-subtle: #1d222b;
-  --cui-primary-border-subtle: #988fed;
+  --cui-primary-border-subtle: #9d92e6;
   --cui-secondary-border-subtle: #9da5b1;
   --cui-success-border-subtle: #96dbad;
   --cui-info-border-subtle: #80c6ff;
@@ -199,13 +214,15 @@
   --cui-light-border-subtle: #4a566d;
   --cui-dark-border-subtle: #323a49;
   --cui-heading-color: inherit;
-  --cui-link-color: #8479e9;
-  --cui-link-hover-color: #9d94ed;
-  --cui-link-color-rgb: 132, 121, 233;
-  --cui-link-hover-color-rgb: 157, 148, 237;
+  --cui-link-color: #6261cc;
+  --cui-link-hover-color: #8181d6;
+  --cui-link-color-rgb: 98, 97, 204;
+  --cui-link-hover-color-rgb: 129, 129, 214;
   --cui-code-color: #e685b5;
-  --cui-border-color: #4a566d;
-  --cui-border-color-translucent: rgba(255, 255, 255, 0.15);
+  --cui-highlight-color: rgba(255, 255, 255, 0.87);
+  --cui-highlight-bg: #664d03;
+  --cui-border-color: #323a49;
+  --cui-border-color-translucent: rgba(255, 255, 255, 0.1);
   --cui-form-valid-color: #75b798;
   --cui-form-valid-border-color: #75b798;
   --cui-form-invalid-color: #ea868f;
@@ -354,6 +371,7 @@ small, .small {
 
 mark, .mark {
   padding: 0.1875em;
+  color: var(--cui-highlight-color);
   background-color: var(--cui-highlight-bg);
 }
 
@@ -570,8 +588,8 @@ legend + * {
 }
 
 [type=search] {
-  outline-offset: -2px;
   -webkit-appearance: textfield;
+  outline-offset: -2px;
 }
 
 *[dir=rtl] [type=tel],
@@ -849,7 +867,7 @@ progress {
 
 .row-cols-3 > * {
   flex: 0 0 auto;
-  width: 33.3333333333%;
+  width: 33.33333333%;
 }
 
 .row-cols-4 > * {
@@ -864,7 +882,7 @@ progress {
 
 .row-cols-6 > * {
   flex: 0 0 auto;
-  width: 16.6666666667%;
+  width: 16.66666667%;
 }
 
 .col-auto {
@@ -1054,7 +1072,7 @@ progress {
   }
   .row-cols-sm-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-sm-4 > * {
     flex: 0 0 auto;
@@ -1066,7 +1084,7 @@ progress {
   }
   .row-cols-sm-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-sm-auto {
     flex: 0 0 auto;
@@ -1223,7 +1241,7 @@ progress {
   }
   .row-cols-md-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-md-4 > * {
     flex: 0 0 auto;
@@ -1235,7 +1253,7 @@ progress {
   }
   .row-cols-md-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-md-auto {
     flex: 0 0 auto;
@@ -1392,7 +1410,7 @@ progress {
   }
   .row-cols-lg-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-lg-4 > * {
     flex: 0 0 auto;
@@ -1404,7 +1422,7 @@ progress {
   }
   .row-cols-lg-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-lg-auto {
     flex: 0 0 auto;
@@ -1561,7 +1579,7 @@ progress {
   }
   .row-cols-xl-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-xl-4 > * {
     flex: 0 0 auto;
@@ -1573,7 +1591,7 @@ progress {
   }
   .row-cols-xl-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-xl-auto {
     flex: 0 0 auto;
@@ -1730,7 +1748,7 @@ progress {
   }
   .row-cols-xxl-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-xxl-4 > * {
     flex: 0 0 auto;
@@ -1742,7 +1760,7 @@ progress {
   }
   .row-cols-xxl-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-xxl-auto {
     flex: 0 0 auto;
@@ -1886,16 +1904,16 @@ progress {
   --cui-table-bg-type: initial;
   --cui-table-color-state: initial;
   --cui-table-bg-state: initial;
-  --cui-table-color: var(--cui-body-color);
+  --cui-table-color: var(--cui-emphasis-color);
   --cui-table-bg: var(--cui-body-bg);
   --cui-table-border-color: var(--cui-border-color);
   --cui-table-accent-bg: transparent;
-  --cui-table-striped-color: var(--cui-body-color);
-  --cui-table-striped-bg: rgba(8, 10, 12, 0.05);
-  --cui-table-active-color: var(--cui-body-color);
-  --cui-table-active-bg: rgba(8, 10, 12, 0.1);
-  --cui-table-hover-color: var(--cui-body-color);
-  --cui-table-hover-bg: rgba(8, 10, 12, 0.075);
+  --cui-table-striped-color: var(--cui-emphasis-color);
+  --cui-table-striped-bg: rgba(var(--cui-emphasis-color-rgb), 0.05);
+  --cui-table-active-color: var(--cui-emphasis-color);
+  --cui-table-active-bg: rgba(var(--cui-emphasis-color-rgb), 0.1);
+  --cui-table-hover-color: var(--cui-emphasis-color);
+  --cui-table-hover-bg: rgba(var(--cui-emphasis-color-rgb), 0.075);
   width: 100%;
   margin-bottom: 1rem;
   vertical-align: top;
@@ -1962,113 +1980,113 @@ progress {
 }
 
 .table-primary {
-  --cui-table-color: rgba(37, 43, 54, 0.95);
-  --cui-table-bg: #d6d2f8;
-  --cui-table-border-color: rgba(198, 195, 230, 0.995);
-  --cui-table-striped-bg: rgba(206, 202, 239, 0.9975);
-  --cui-table-striped-color: rgba(37, 43, 54, 0.95);
-  --cui-table-active-bg: rgba(198, 195, 230, 0.995);
-  --cui-table-active-color: rgba(37, 43, 54, 0.95);
-  --cui-table-hover-bg: rgba(202, 199, 235, 0.99625);
-  --cui-table-hover-color: rgba(37, 43, 54, 0.95);
+  --cui-table-color: #080a0c;
+  --cui-table-bg: #deddf7;
+  --cui-table-border-color: #b3b3c8;
+  --cui-table-striped-bg: #d3d2eb;
+  --cui-table-striped-color: #080a0c;
+  --cui-table-active-bg: #c9c8e0;
+  --cui-table-active-color: #080a0c;
+  --cui-table-hover-bg: #cecde5;
+  --cui-table-hover-color: #080a0c;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
 }
 
 .table-secondary {
-  --cui-table-color: rgba(37, 43, 54, 0.95);
+  --cui-table-color: #080a0c;
   --cui-table-bg: #ebedef;
-  --cui-table-border-color: rgba(217, 219, 222, 0.995);
-  --cui-table-striped-bg: rgba(226, 228, 231, 0.9975);
-  --cui-table-striped-color: rgba(37, 43, 54, 0.95);
-  --cui-table-active-bg: rgba(217, 219, 222, 0.995);
-  --cui-table-active-color: rgba(37, 43, 54, 0.95);
-  --cui-table-hover-bg: rgba(221, 224, 226, 0.99625);
-  --cui-table-hover-color: rgba(37, 43, 54, 0.95);
+  --cui-table-border-color: #bec0c2;
+  --cui-table-striped-bg: #e0e2e4;
+  --cui-table-striped-color: #080a0c;
+  --cui-table-active-bg: #d4d6d8;
+  --cui-table-active-color: #080a0c;
+  --cui-table-hover-bg: #dadcde;
+  --cui-table-hover-color: #080a0c;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
 }
 
 .table-success {
-  --cui-table-color: rgba(37, 43, 54, 0.95);
+  --cui-table-color: #080a0c;
   --cui-table-bg: #d5f1de;
-  --cui-table-border-color: rgba(197, 223, 207, 0.995);
-  --cui-table-striped-bg: rgba(205, 232, 214, 0.9975);
-  --cui-table-striped-color: rgba(37, 43, 54, 0.95);
-  --cui-table-active-bg: rgba(197, 223, 207, 0.995);
-  --cui-table-active-color: rgba(37, 43, 54, 0.95);
-  --cui-table-hover-bg: rgba(201, 227, 211, 0.99625);
-  --cui-table-hover-color: rgba(37, 43, 54, 0.95);
+  --cui-table-border-color: #acc3b4;
+  --cui-table-striped-bg: #cbe5d4;
+  --cui-table-striped-color: #080a0c;
+  --cui-table-active-bg: #c1dac9;
+  --cui-table-active-color: #080a0c;
+  --cui-table-hover-bg: #c6e0ce;
+  --cui-table-hover-color: #080a0c;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
 }
 
 .table-info {
-  --cui-table-color: rgba(37, 43, 54, 0.95);
+  --cui-table-color: #080a0c;
   --cui-table-bg: #d6ebff;
-  --cui-table-border-color: rgba(198, 217, 237, 0.995);
-  --cui-table-striped-bg: rgba(206, 226, 246, 0.9975);
-  --cui-table-striped-color: rgba(37, 43, 54, 0.95);
-  --cui-table-active-bg: rgba(198, 217, 237, 0.995);
-  --cui-table-active-color: rgba(37, 43, 54, 0.95);
-  --cui-table-hover-bg: rgba(202, 222, 241, 0.99625);
-  --cui-table-hover-color: rgba(37, 43, 54, 0.95);
+  --cui-table-border-color: #adbece;
+  --cui-table-striped-bg: #cce0f3;
+  --cui-table-striped-color: #080a0c;
+  --cui-table-active-bg: #c1d5e7;
+  --cui-table-active-color: #080a0c;
+  --cui-table-hover-bg: #c7daed;
+  --cui-table-hover-color: #080a0c;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
 }
 
 .table-warning {
-  --cui-table-color: rgba(37, 43, 54, 0.95);
+  --cui-table-color: #080a0c;
   --cui-table-bg: #feefd0;
-  --cui-table-border-color: rgba(234, 221, 194, 0.995);
-  --cui-table-striped-bg: rgba(244, 230, 201, 0.9975);
-  --cui-table-striped-color: rgba(37, 43, 54, 0.95);
-  --cui-table-active-bg: rgba(234, 221, 194, 0.995);
-  --cui-table-active-color: rgba(37, 43, 54, 0.95);
-  --cui-table-hover-bg: rgba(239, 226, 197, 0.99625);
-  --cui-table-hover-color: rgba(37, 43, 54, 0.95);
+  --cui-table-border-color: #cdc1a9;
+  --cui-table-striped-bg: #f2e4c6;
+  --cui-table-striped-color: #080a0c;
+  --cui-table-active-bg: #e5d8bc;
+  --cui-table-active-color: #080a0c;
+  --cui-table-hover-bg: #ecdec1;
+  --cui-table-hover-color: #080a0c;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
 }
 
 .table-danger {
-  --cui-table-color: rgba(37, 43, 54, 0.95);
+  --cui-table-color: #080a0c;
   --cui-table-bg: #fadddd;
-  --cui-table-border-color: rgba(231, 205, 206, 0.995);
-  --cui-table-striped-bg: rgba(240, 213, 213, 0.9975);
-  --cui-table-striped-color: rgba(37, 43, 54, 0.95);
-  --cui-table-active-bg: rgba(231, 205, 206, 0.995);
-  --cui-table-active-color: rgba(37, 43, 54, 0.95);
-  --cui-table-hover-bg: rgba(235, 209, 210, 0.99625);
-  --cui-table-hover-color: rgba(37, 43, 54, 0.95);
+  --cui-table-border-color: #cab3b3;
+  --cui-table-striped-bg: #eed2d3;
+  --cui-table-striped-color: #080a0c;
+  --cui-table-active-bg: #e2c8c8;
+  --cui-table-active-color: #080a0c;
+  --cui-table-hover-bg: #e8cdcd;
+  --cui-table-hover-color: #080a0c;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
 }
 
 .table-light {
-  --cui-table-color: rgba(37, 43, 54, 0.95);
+  --cui-table-color: #080a0c;
   --cui-table-bg: #f3f4f7;
-  --cui-table-border-color: rgba(224, 226, 229, 0.995);
-  --cui-table-striped-bg: rgba(234, 235, 238, 0.9975);
-  --cui-table-striped-color: rgba(37, 43, 54, 0.95);
-  --cui-table-active-bg: rgba(224, 226, 229, 0.995);
-  --cui-table-active-color: rgba(37, 43, 54, 0.95);
-  --cui-table-hover-bg: rgba(229, 230, 234, 0.99625);
-  --cui-table-hover-color: rgba(37, 43, 54, 0.95);
+  --cui-table-border-color: #c4c5c8;
+  --cui-table-striped-bg: #e7e8eb;
+  --cui-table-striped-color: #080a0c;
+  --cui-table-active-bg: #dcdde0;
+  --cui-table-active-color: #080a0c;
+  --cui-table-hover-bg: #e1e2e5;
+  --cui-table-hover-color: #080a0c;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
 }
 
 .table-dark {
-  --cui-table-color: rgba(255, 255, 255, 0.87);
+  --cui-table-color: #fff;
   --cui-table-bg: #212631;
-  --cui-table-border-color: rgba(50, 55, 65, 0.987);
-  --cui-table-striped-bg: rgba(42, 46, 57, 0.9935);
-  --cui-table-striped-color: rgba(255, 255, 255, 0.87);
-  --cui-table-active-bg: rgba(50, 55, 65, 0.987);
-  --cui-table-active-color: rgba(255, 255, 255, 0.87);
-  --cui-table-hover-bg: rgba(46, 51, 61, 0.99025);
-  --cui-table-hover-color: rgba(255, 255, 255, 0.87);
+  --cui-table-border-color: #4d515a;
+  --cui-table-striped-bg: #2c313b;
+  --cui-table-striped-color: #fff;
+  --cui-table-active-bg: #373c46;
+  --cui-table-active-color: #fff;
+  --cui-table-hover-bg: #323640;
+  --cui-table-hover-color: #fff;
   color: var(--cui-table-color);
   border-color: var(--cui-table-border-color);
 }
@@ -2146,12 +2164,12 @@ progress {
   font-weight: 400;
   line-height: 1.5;
   color: var(--cui-body-color);
-  background-color: var(--cui-body-bg);
-  background-clip: padding-box;
-  border: var(--cui-border-width) solid var(--cui-border-color);
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
+  background-color: var(--cui-body-bg);
+  background-clip: padding-box;
+  border: var(--cui-border-width) solid var(--cui-border-color);
   border-radius: var(--cui-border-radius);
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
@@ -2169,9 +2187,9 @@ progress {
 .form-control:focus {
   color: var(--cui-body-color);
   background-color: var(--cui-body-bg);
-  border-color: #998fed;
+  border-color: #acabeb;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
 }
 .form-control::-webkit-date-and-time-value {
   min-width: 85px;
@@ -2340,6 +2358,9 @@ textarea.form-control-lg {
   font-weight: 400;
   line-height: 1.5;
   color: var(--cui-body-color);
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
   background-color: var(--cui-body-bg);
   background-image: var(--cui-form-select-bg-img), var(--cui-form-select-bg-icon, none);
   background-repeat: no-repeat;
@@ -2348,9 +2369,6 @@ textarea.form-control-lg {
   border: var(--cui-border-width) solid var(--cui-border-color);
   border-radius: var(--cui-border-radius);
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
 }
 @media (prefers-reduced-motion: reduce) {
   .form-select {
@@ -2358,9 +2376,9 @@ textarea.form-control-lg {
   }
 }
 .form-select:focus {
-  border-color: var(#998fed);
+  border-color: var(#acabeb);
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
 }
 .form-select[multiple], .form-select[size]:not([size="1"]) {
   padding-right: 0.75rem;
@@ -2391,7 +2409,7 @@ textarea.form-control-lg {
 }
 
 [data-coreui-theme=dark] .form-select {
-  --cui-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23aab3c5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+  --cui-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255, 255, 255, 0.87%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
 }
 
 .form-check {
@@ -2418,19 +2436,20 @@ textarea.form-control-lg {
 
 .form-check-input {
   --cui-form-check-bg: var(--cui-body-bg);
+  flex-shrink: 0;
   width: 1em;
   height: 1em;
   margin-top: 0.25em;
   vertical-align: top;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
   background-color: var(--cui-form-check-bg);
   background-image: var(--cui-form-check-bg-image);
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   border: var(--cui-border-width) solid var(--cui-border-color);
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
   -webkit-print-color-adjust: exact;
   color-adjust: exact;
   print-color-adjust: exact;
@@ -2445,13 +2464,13 @@ textarea.form-control-lg {
   filter: brightness(90%);
 }
 .form-check-input:focus {
-  border-color: #998fed;
+  border-color: #acabeb;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
 }
 .form-check-input:checked {
-  background-color: var(--cui-form-check-input-checked-bg-color, #321fdb);
-  border-color: var(--cui-form-check-input-checked-border-color, #321fdb);
+  background-color: var(--cui-form-check-input-checked-bg-color, var(--cui-primary));
+  border-color: var(--cui-form-check-input-checked-border-color, var(--cui-primary));
 }
 .form-check-input:checked[type=checkbox] {
   --cui-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='rgba%28255, 255, 255, 0.87%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
@@ -2460,8 +2479,8 @@ textarea.form-control-lg {
   --cui-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='rgba%28255, 255, 255, 0.87%29'/%3e%3c/svg%3e");
 }
 .form-check-input[type=checkbox]:indeterminate {
-  background-color: #321fdb;
-  border-color: #321fdb;
+  background-color: var(--cui-primary);
+  border-color: var(--cui-primary);
   --cui-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='rgba%28255, 255, 255, 0.87%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
 }
 .form-check-input:disabled {
@@ -2496,18 +2515,18 @@ textarea.form-control-lg {
   }
 }
 .form-switch .form-check-input:focus {
-  --cui-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='%23998fed'/%3e%3c/svg%3e");
+  --cui-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='%23acabeb'/%3e%3c/svg%3e");
 }
 .form-switch .form-check-input:checked {
   background-position: right center;
   --cui-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='rgba%28255, 255, 255, 0.87%29'/%3e%3c/svg%3e");
 }
 .form-switch.form-check-reverse {
-  padding-right: 2.5em;
+  padding-right: 1.5em;
   padding-left: 0;
 }
 .form-switch.form-check-reverse .form-check-input {
-  margin-right: -2.5em;
+  margin-right: -1.5em;
   margin-left: 0;
 }
 
@@ -2561,19 +2580,19 @@ textarea.form-control-lg {
   width: 100%;
   height: 1.5rem;
   padding: 0;
-  background-color: transparent;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
+  background-color: transparent;
 }
 .form-range:focus {
   outline: 0;
 }
 .form-range:focus::-webkit-slider-thumb {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
 }
 .form-range:focus::-moz-range-thumb {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
 }
 .form-range::-moz-focus-outer {
   border: 0;
@@ -2582,13 +2601,13 @@ textarea.form-control-lg {
   width: 1rem;
   height: 1rem;
   margin-top: -0.25rem;
-  background-color: #321fdb;
+  -webkit-appearance: none;
+  appearance: none;
+  background-color: var(--cui-primary);
   border: 0;
   border-radius: 1rem;
   -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-  -webkit-appearance: none;
-  appearance: none;
 }
 @media (prefers-reduced-motion: reduce) {
   .form-range::-webkit-slider-thumb {
@@ -2597,27 +2616,27 @@ textarea.form-control-lg {
   }
 }
 .form-range::-webkit-slider-thumb:active {
-  background-color: #c2bcf4;
+  background-color: #cdccf3;
 }
 .form-range::-webkit-slider-runnable-track {
   width: 100%;
   height: 0.5rem;
   color: transparent;
   cursor: pointer;
-  background-color: var(--cui-tertiary-bg);
+  background-color: var(--cui-secondary-bg);
   border-color: transparent;
   border-radius: 1rem;
 }
 .form-range::-moz-range-thumb {
   width: 1rem;
   height: 1rem;
-  background-color: #321fdb;
+  -moz-appearance: none;
+  appearance: none;
+  background-color: var(--cui-primary);
   border: 0;
   border-radius: 1rem;
   -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-  -moz-appearance: none;
-  appearance: none;
 }
 @media (prefers-reduced-motion: reduce) {
   .form-range::-moz-range-thumb {
@@ -2626,14 +2645,14 @@ textarea.form-control-lg {
   }
 }
 .form-range::-moz-range-thumb:active {
-  background-color: #c2bcf4;
+  background-color: #cdccf3;
 }
 .form-range::-moz-range-track {
   width: 100%;
   height: 0.5rem;
   color: transparent;
   cursor: pointer;
-  background-color: var(--cui-tertiary-bg);
+  background-color: var(--cui-secondary-bg);
   border-color: transparent;
   border-radius: 1rem;
 }
@@ -2747,10 +2766,12 @@ textarea.form-control-lg {
 .form-floating > .form-control-plaintext ~ label {
   border-width: var(--cui-border-width) 0;
 }
-.form-floating > :disabled ~ label {
+.form-floating > :disabled ~ label,
+.form-floating > .form-control:disabled ~ label {
   color: #6d7d9c;
 }
-.form-floating > :disabled ~ label::after {
+.form-floating > :disabled ~ label::after,
+.form-floating > .form-control:disabled ~ label::after {
   background-color: var(--cui-secondary-bg);
 }
 
@@ -3110,52 +3131,52 @@ textarea.form-control-lg {
 }
 
 .btn-primary {
-  --cui-btn-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-bg: #321fdb;
-  --cui-btn-border-color: #321fdb;
-  --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-hover-bg: #5141e0;
-  --cui-btn-hover-border-color: #4735df;
-  --cui-btn-focus-shadow-rgb: 75, 58, 223;
-  --cui-btn-active-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-active-bg: #5b4ce2;
-  --cui-btn-active-border-color: #4735df;
+  --cui-btn-color: #fff;
+  --cui-btn-bg: #5856d6;
+  --cui-btn-border-color: #5856d6;
+  --cui-btn-hover-color: #fff;
+  --cui-btn-hover-bg: #4b49b6;
+  --cui-btn-hover-border-color: #4645ab;
+  --cui-btn-focus-shadow-rgb: 113, 111, 220;
+  --cui-btn-active-color: #fff;
+  --cui-btn-active-bg: #4645ab;
+  --cui-btn-active-border-color: #4241a1;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-disabled-bg: #321fdb;
-  --cui-btn-disabled-border-color: #321fdb;
+  --cui-btn-disabled-color: #fff;
+  --cui-btn-disabled-bg: #5856d6;
+  --cui-btn-disabled-border-color: #5856d6;
 }
 
 .btn-secondary {
-  --cui-btn-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-color: #080a0c;
   --cui-btn-bg: #9da5b1;
   --cui-btn-border-color: #9da5b1;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #858c96;
-  --cui-btn-hover-border-color: #7e848e;
-  --cui-btn-focus-shadow-rgb: 140, 148, 160;
+  --cui-btn-hover-bg: #acb3bd;
+  --cui-btn-hover-border-color: #a7aeb9;
+  --cui-btn-focus-shadow-rgb: 135, 142, 152;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #7e848e;
-  --cui-btn-active-border-color: #767c85;
+  --cui-btn-active-bg: #b1b7c1;
+  --cui-btn-active-border-color: #a7aeb9;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-disabled-color: #080a0c;
   --cui-btn-disabled-bg: #9da5b1;
   --cui-btn-disabled-border-color: #9da5b1;
 }
 
 .btn-success {
-  --cui-btn-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-color: #080a0c;
   --cui-btn-bg: #2eb85c;
   --cui-btn-border-color: #2eb85c;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #279c4e;
-  --cui-btn-hover-border-color: #25934a;
-  --cui-btn-focus-shadow-rgb: 45, 165, 87;
+  --cui-btn-hover-bg: #4dc374;
+  --cui-btn-hover-border-color: #43bf6c;
+  --cui-btn-focus-shadow-rgb: 40, 158, 80;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #25934a;
-  --cui-btn-active-border-color: #238a45;
+  --cui-btn-active-bg: #58c67d;
+  --cui-btn-active-border-color: #43bf6c;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-disabled-color: #080a0c;
   --cui-btn-disabled-bg: #2eb85c;
   --cui-btn-disabled-border-color: #2eb85c;
 }
@@ -3178,18 +3199,18 @@ textarea.form-control-lg {
 }
 
 .btn-warning {
-  --cui-btn-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-color: #080a0c;
   --cui-btn-bg: #f9b115;
   --cui-btn-border-color: #f9b115;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
-  --cui-btn-hover-bg: #d49612;
-  --cui-btn-hover-border-color: #c78e11;
-  --cui-btn-focus-shadow-rgb: 220, 159, 26;
+  --cui-btn-hover-color: #080a0c;
+  --cui-btn-hover-bg: #fabd38;
+  --cui-btn-hover-border-color: #fab92c;
+  --cui-btn-focus-shadow-rgb: 213, 152, 20;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #c78e11;
-  --cui-btn-active-border-color: #bb8510;
+  --cui-btn-active-bg: #fac144;
+  --cui-btn-active-border-color: #fab92c;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-disabled-color: #080a0c;
   --cui-btn-disabled-bg: #f9b115;
   --cui-btn-disabled-border-color: #f9b115;
 }
@@ -3198,11 +3219,11 @@ textarea.form-control-lg {
   --cui-btn-color: #080a0c;
   --cui-btn-bg: #39f;
   --cui-btn-border-color: #39f;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-hover-color: #080a0c;
   --cui-btn-hover-bg: #52a8ff;
   --cui-btn-hover-border-color: #47a3ff;
   --cui-btn-focus-shadow-rgb: 45, 132, 219;
-  --cui-btn-active-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-active-color: #080a0c;
   --cui-btn-active-bg: #5cadff;
   --cui-btn-active-border-color: #47a3ff;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
@@ -3212,51 +3233,51 @@ textarea.form-control-lg {
 }
 
 .btn-light {
-  --cui-btn-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-color: #080a0c;
   --cui-btn-bg: #f3f4f7;
   --cui-btn-border-color: #f3f4f7;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
-  --cui-btn-hover-bg: #cfcfd2;
-  --cui-btn-hover-border-color: #c2c3c6;
-  --cui-btn-focus-shadow-rgb: 215, 216, 220;
-  --cui-btn-active-color: rgba(37, 43, 54, 0.95);
-  --cui-btn-active-bg: #c2c3c6;
-  --cui-btn-active-border-color: #b6b7b9;
+  --cui-btn-hover-color: #080a0c;
+  --cui-btn-hover-bg: #f5f6f8;
+  --cui-btn-hover-border-color: #f4f5f8;
+  --cui-btn-focus-shadow-rgb: 208, 209, 212;
+  --cui-btn-active-color: #080a0c;
+  --cui-btn-active-bg: #f5f6f9;
+  --cui-btn-active-border-color: #f4f5f8;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-disabled-color: #080a0c;
   --cui-btn-disabled-bg: #f3f4f7;
   --cui-btn-disabled-border-color: #f3f4f7;
 }
 
 .btn-dark {
-  --cui-btn-color: rgba(255, 255, 255, 0.87);
+  --cui-btn-color: #fff;
   --cui-btn-bg: #212631;
   --cui-btn-border-color: #212631;
-  --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-hover-bg: #424750;
-  --cui-btn-hover-border-color: #373c46;
-  --cui-btn-focus-shadow-rgb: 60, 64, 74;
-  --cui-btn-active-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-active-bg: #4d515a;
-  --cui-btn-active-border-color: #373c46;
+  --cui-btn-hover-color: #fff;
+  --cui-btn-hover-bg: #1c202a;
+  --cui-btn-hover-border-color: #1a1e27;
+  --cui-btn-focus-shadow-rgb: 66, 71, 80;
+  --cui-btn-active-color: #fff;
+  --cui-btn-active-bg: #1a1e27;
+  --cui-btn-active-border-color: #191d25;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: rgba(255, 255, 255, 0.87);
+  --cui-btn-disabled-color: #fff;
   --cui-btn-disabled-bg: #212631;
   --cui-btn-disabled-border-color: #212631;
 }
 
 .btn-outline-primary {
-  --cui-btn-color: #321fdb;
-  --cui-btn-border-color: #321fdb;
-  --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-hover-bg: #5b4ce2;
-  --cui-btn-hover-border-color: #4735df;
-  --cui-btn-focus-shadow-rgb: 50, 31, 219;
-  --cui-btn-active-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-active-bg: #5b4ce2;
-  --cui-btn-active-border-color: #4735df;
+  --cui-btn-color: #5856d6;
+  --cui-btn-border-color: #5856d6;
+  --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-active-color: #fff;
+  --cui-btn-active-bg: #4645ab;
+  --cui-btn-active-border-color: #4241a1;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: #321fdb;
+  --cui-btn-disabled-color: #5856d6;
   --cui-btn-disabled-bg: transparent;
   --cui-gradient: none;
 }
@@ -3265,12 +3286,12 @@ textarea.form-control-lg {
   --cui-btn-color: #9da5b1;
   --cui-btn-border-color: #9da5b1;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #7e848e;
-  --cui-btn-hover-border-color: #767c85;
+  --cui-btn-hover-bg: #b1b7c1;
+  --cui-btn-hover-border-color: #a7aeb9;
   --cui-btn-focus-shadow-rgb: 157, 165, 177;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #7e848e;
-  --cui-btn-active-border-color: #767c85;
+  --cui-btn-active-bg: #b1b7c1;
+  --cui-btn-active-border-color: #a7aeb9;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #9da5b1;
   --cui-btn-disabled-bg: transparent;
@@ -3281,12 +3302,12 @@ textarea.form-control-lg {
   --cui-btn-color: #2eb85c;
   --cui-btn-border-color: #2eb85c;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #25934a;
-  --cui-btn-hover-border-color: #238a45;
+  --cui-btn-hover-bg: #58c67d;
+  --cui-btn-hover-border-color: #43bf6c;
   --cui-btn-focus-shadow-rgb: 46, 184, 92;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #25934a;
-  --cui-btn-active-border-color: #238a45;
+  --cui-btn-active-bg: #58c67d;
+  --cui-btn-active-border-color: #43bf6c;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #2eb85c;
   --cui-btn-disabled-bg: transparent;
@@ -3312,13 +3333,13 @@ textarea.form-control-lg {
 .btn-outline-warning {
   --cui-btn-color: #f9b115;
   --cui-btn-border-color: #f9b115;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
-  --cui-btn-hover-bg: #c78e11;
-  --cui-btn-hover-border-color: #bb8510;
+  --cui-btn-hover-color: #080a0c;
+  --cui-btn-hover-bg: #fac144;
+  --cui-btn-hover-border-color: #fab92c;
   --cui-btn-focus-shadow-rgb: 249, 177, 21;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #c78e11;
-  --cui-btn-active-border-color: #bb8510;
+  --cui-btn-active-bg: #fac144;
+  --cui-btn-active-border-color: #fab92c;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #f9b115;
   --cui-btn-disabled-bg: transparent;
@@ -3328,11 +3349,11 @@ textarea.form-control-lg {
 .btn-outline-info {
   --cui-btn-color: #39f;
   --cui-btn-border-color: #39f;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-hover-color: #080a0c;
   --cui-btn-hover-bg: #5cadff;
   --cui-btn-hover-border-color: #47a3ff;
   --cui-btn-focus-shadow-rgb: 51, 153, 255;
-  --cui-btn-active-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-active-color: #080a0c;
   --cui-btn-active-bg: #5cadff;
   --cui-btn-active-border-color: #47a3ff;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
@@ -3344,13 +3365,13 @@ textarea.form-control-lg {
 .btn-outline-light {
   --cui-btn-color: #f3f4f7;
   --cui-btn-border-color: #f3f4f7;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
-  --cui-btn-hover-bg: #c2c3c6;
-  --cui-btn-hover-border-color: #b6b7b9;
+  --cui-btn-hover-color: #080a0c;
+  --cui-btn-hover-bg: #f5f6f9;
+  --cui-btn-hover-border-color: #f4f5f8;
   --cui-btn-focus-shadow-rgb: 243, 244, 247;
-  --cui-btn-active-color: rgba(37, 43, 54, 0.95);
-  --cui-btn-active-bg: #c2c3c6;
-  --cui-btn-active-border-color: #b6b7b9;
+  --cui-btn-active-color: #080a0c;
+  --cui-btn-active-bg: #f5f6f9;
+  --cui-btn-active-border-color: #f4f5f8;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #f3f4f7;
   --cui-btn-disabled-bg: transparent;
@@ -3360,13 +3381,13 @@ textarea.form-control-lg {
 .btn-outline-dark {
   --cui-btn-color: #212631;
   --cui-btn-border-color: #212631;
-  --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-hover-bg: #4d515a;
-  --cui-btn-hover-border-color: #373c46;
+  --cui-btn-hover-color: #fff;
+  --cui-btn-hover-bg: #1a1e27;
+  --cui-btn-hover-border-color: #191d25;
   --cui-btn-focus-shadow-rgb: 33, 38, 49;
-  --cui-btn-active-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-active-bg: #4d515a;
-  --cui-btn-active-border-color: #373c46;
+  --cui-btn-active-color: #fff;
+  --cui-btn-active-bg: #1a1e27;
+  --cui-btn-active-border-color: #191d25;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #212631;
   --cui-btn-disabled-bg: transparent;
@@ -3374,24 +3395,24 @@ textarea.form-control-lg {
 }
 
 .btn-ghost-primary {
-  --cui-btn-color: #321fdb;
-  --cui-btn-hover-bg: #5141e0;
-  --cui-btn-hover-border-color: #4735df;
-  --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-active-bg: #5b4ce2;
-  --cui-btn-active-border-color: #4735df;
-  --cui-btn-active-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-disabled-color: #321fdb;
-  --cui-btn-shadow: rgba(50, 31, 219, 0.5);
+  --cui-btn-color: #5856d6;
+  --cui-btn-hover-bg: #4b49b6;
+  --cui-btn-hover-border-color: #4645ab;
+  --cui-btn-hover-color: #fff;
+  --cui-btn-active-bg: #4645ab;
+  --cui-btn-active-border-color: #4241a1;
+  --cui-btn-active-color: #fff;
+  --cui-btn-disabled-color: #5856d6;
+  --cui-btn-shadow: rgba(88, 86, 214, 0.5);
 }
 
 .btn-ghost-secondary {
   --cui-btn-color: #9da5b1;
-  --cui-btn-hover-bg: #858c96;
-  --cui-btn-hover-border-color: #7e848e;
+  --cui-btn-hover-bg: #acb3bd;
+  --cui-btn-hover-border-color: #a7aeb9;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-active-bg: #7e848e;
-  --cui-btn-active-border-color: #767c85;
+  --cui-btn-active-bg: #b1b7c1;
+  --cui-btn-active-border-color: #a7aeb9;
   --cui-btn-active-color: #080a0c;
   --cui-btn-disabled-color: #9da5b1;
   --cui-btn-shadow: rgba(157, 165, 177, 0.5);
@@ -3399,11 +3420,11 @@ textarea.form-control-lg {
 
 .btn-ghost-success {
   --cui-btn-color: #2eb85c;
-  --cui-btn-hover-bg: #279c4e;
-  --cui-btn-hover-border-color: #25934a;
+  --cui-btn-hover-bg: #4dc374;
+  --cui-btn-hover-border-color: #43bf6c;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-active-bg: #25934a;
-  --cui-btn-active-border-color: #238a45;
+  --cui-btn-active-bg: #58c67d;
+  --cui-btn-active-border-color: #43bf6c;
   --cui-btn-active-color: #080a0c;
   --cui-btn-disabled-color: #2eb85c;
   --cui-btn-shadow: rgba(46, 184, 92, 0.5);
@@ -3423,11 +3444,11 @@ textarea.form-control-lg {
 
 .btn-ghost-warning {
   --cui-btn-color: #f9b115;
-  --cui-btn-hover-bg: #d49612;
-  --cui-btn-hover-border-color: #c78e11;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
-  --cui-btn-active-bg: #c78e11;
-  --cui-btn-active-border-color: #bb8510;
+  --cui-btn-hover-bg: #fabd38;
+  --cui-btn-hover-border-color: #fab92c;
+  --cui-btn-hover-color: #080a0c;
+  --cui-btn-active-bg: #fac144;
+  --cui-btn-active-border-color: #fab92c;
   --cui-btn-active-color: #080a0c;
   --cui-btn-disabled-color: #f9b115;
   --cui-btn-shadow: rgba(249, 177, 21, 0.5);
@@ -3437,34 +3458,34 @@ textarea.form-control-lg {
   --cui-btn-color: #39f;
   --cui-btn-hover-bg: #52a8ff;
   --cui-btn-hover-border-color: #47a3ff;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-hover-color: #080a0c;
   --cui-btn-active-bg: #5cadff;
   --cui-btn-active-border-color: #47a3ff;
-  --cui-btn-active-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-active-color: #080a0c;
   --cui-btn-disabled-color: #39f;
   --cui-btn-shadow: rgba(51, 153, 255, 0.5);
 }
 
 .btn-ghost-light {
   --cui-btn-color: #f3f4f7;
-  --cui-btn-hover-bg: #cfcfd2;
-  --cui-btn-hover-border-color: #c2c3c6;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
-  --cui-btn-active-bg: #c2c3c6;
-  --cui-btn-active-border-color: #b6b7b9;
-  --cui-btn-active-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-hover-bg: #f5f6f8;
+  --cui-btn-hover-border-color: #f4f5f8;
+  --cui-btn-hover-color: #080a0c;
+  --cui-btn-active-bg: #f5f6f9;
+  --cui-btn-active-border-color: #f4f5f8;
+  --cui-btn-active-color: #080a0c;
   --cui-btn-disabled-color: #f3f4f7;
   --cui-btn-shadow: rgba(243, 244, 247, 0.5);
 }
 
 .btn-ghost-dark {
   --cui-btn-color: #212631;
-  --cui-btn-hover-bg: #424750;
-  --cui-btn-hover-border-color: #373c46;
-  --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
-  --cui-btn-active-bg: #4d515a;
-  --cui-btn-active-border-color: #373c46;
-  --cui-btn-active-color: rgba(255, 255, 255, 0.87);
+  --cui-btn-hover-bg: #1c202a;
+  --cui-btn-hover-border-color: #1a1e27;
+  --cui-btn-hover-color: #fff;
+  --cui-btn-active-bg: #1a1e27;
+  --cui-btn-active-border-color: #191d25;
+  --cui-btn-active-color: #fff;
   --cui-btn-disabled-color: #212631;
   --cui-btn-shadow: rgba(33, 38, 49, 0.5);
 }
@@ -3480,7 +3501,7 @@ textarea.form-control-lg {
   --cui-btn-disabled-color: #6d7d9c;
   --cui-btn-disabled-border-color: transparent;
   --cui-btn-box-shadow: none;
-  --cui-btn-focus-shadow-rgb: 75, 58, 223;
+  --cui-btn-focus-shadow-rgb: 113, 111, 220;
   text-decoration: underline;
 }
 .btn-link:focus-visible {
@@ -3503,49 +3524,49 @@ textarea.form-control-lg {
 
 [data-coreui-theme=dark] .btn-primary {
   --cui-btn-color: #fff;
-  --cui-btn-bg: #6b60ce;
-  --cui-btn-border-color: #6b60ce;
-  --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #8178d5;
-  --cui-btn-hover-border-color: #7a70d3;
-  --cui-btn-focus-shadow-rgb: 129, 120, 213;
-  --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #8980d8;
-  --cui-btn-active-border-color: #7a70d3;
+  --cui-btn-bg: #6261cc;
+  --cui-btn-border-color: #6261cc;
+  --cui-btn-hover-color: #fff;
+  --cui-btn-hover-bg: #5352ad;
+  --cui-btn-hover-border-color: #4e4ea3;
+  --cui-btn-focus-shadow-rgb: 122, 121, 212;
+  --cui-btn-active-color: #fff;
+  --cui-btn-active-bg: #4e4ea3;
+  --cui-btn-active-border-color: #4a4999;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #fff;
-  --cui-btn-disabled-bg: #6b60ce;
-  --cui-btn-disabled-border-color: #6b60ce;
+  --cui-btn-disabled-bg: #6261cc;
+  --cui-btn-disabled-border-color: #6261cc;
 }
 [data-coreui-theme=dark] .btn-secondary {
-  --cui-btn-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-color: #080a0c;
   --cui-btn-bg: #a6a7a8;
   --cui-btn-border-color: #a6a7a8;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #8d8e8f;
-  --cui-btn-hover-border-color: #858686;
-  --cui-btn-focus-shadow-rgb: 148, 150, 152;
+  --cui-btn-hover-bg: #b3b4b5;
+  --cui-btn-hover-border-color: #afb0b1;
+  --cui-btn-focus-shadow-rgb: 142, 143, 145;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #858686;
-  --cui-btn-active-border-color: #7d7d7e;
+  --cui-btn-active-bg: #b8b9b9;
+  --cui-btn-active-border-color: #afb0b1;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-disabled-color: #080a0c;
   --cui-btn-disabled-bg: #a6a7a8;
   --cui-btn-disabled-border-color: #a6a7a8;
 }
 [data-coreui-theme=dark] .btn-success {
-  --cui-btn-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-color: #080a0c;
   --cui-btn-bg: #3aad60;
   --cui-btn-border-color: #3aad60;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #319352;
-  --cui-btn-hover-border-color: #2e8a4d;
-  --cui-btn-focus-shadow-rgb: 55, 155, 90;
-  --cui-btn-active-color: #fff;
-  --cui-btn-active-bg: #2e8a4d;
-  --cui-btn-active-border-color: #2c8248;
+  --cui-btn-hover-bg: #58b978;
+  --cui-btn-hover-border-color: #4eb570;
+  --cui-btn-focus-shadow-rgb: 51, 149, 83;
+  --cui-btn-active-color: #080a0c;
+  --cui-btn-active-bg: #61bd80;
+  --cui-btn-active-border-color: #4eb570;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-disabled-color: #080a0c;
   --cui-btn-disabled-bg: #3aad60;
   --cui-btn-disabled-border-color: #3aad60;
 }
@@ -3566,18 +3587,18 @@ textarea.form-control-lg {
   --cui-btn-disabled-border-color: #db5d5d;
 }
 [data-coreui-theme=dark] .btn-warning {
-  --cui-btn-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-color: #080a0c;
   --cui-btn-bg: #edad21;
   --cui-btn-border-color: #edad21;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
-  --cui-btn-hover-bg: #c9931c;
-  --cui-btn-hover-border-color: #be8a1a;
-  --cui-btn-focus-shadow-rgb: 209, 155, 36;
+  --cui-btn-hover-color: #080a0c;
+  --cui-btn-hover-bg: #f0b942;
+  --cui-btn-hover-border-color: #efb537;
+  --cui-btn-focus-shadow-rgb: 203, 149, 30;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #be8a1a;
-  --cui-btn-active-border-color: #b28219;
+  --cui-btn-active-bg: #f1bd4d;
+  --cui-btn-active-border-color: #efb537;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-disabled-color: #080a0c;
   --cui-btn-disabled-bg: #edad21;
   --cui-btn-disabled-border-color: #edad21;
 }
@@ -3585,11 +3606,11 @@ textarea.form-control-lg {
   --cui-btn-color: #080a0c;
   --cui-btn-bg: #3d99f5;
   --cui-btn-border-color: #3d99f5;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-hover-color: #080a0c;
   --cui-btn-hover-bg: #5aa8f7;
   --cui-btn-hover-border-color: #50a3f6;
   --cui-btn-focus-shadow-rgb: 53, 132, 210;
-  --cui-btn-active-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-active-color: #080a0c;
   --cui-btn-active-bg: #64adf7;
   --cui-btn-active-border-color: #50a3f6;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
@@ -3598,17 +3619,17 @@ textarea.form-control-lg {
   --cui-btn-disabled-border-color: #3d99f5;
 }
 [data-coreui-theme=dark] .btn-outline-primary {
-  --cui-btn-color: #6b60ce;
-  --cui-btn-border-color: #6b60ce;
-  --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #8980d8;
-  --cui-btn-hover-border-color: #7a70d3;
-  --cui-btn-focus-shadow-rgb: 107, 96, 206;
-  --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #8980d8;
-  --cui-btn-active-border-color: #7a70d3;
+  --cui-btn-color: #6261cc;
+  --cui-btn-border-color: #6261cc;
+  --cui-btn-hover-color: #fff;
+  --cui-btn-hover-bg: #4e4ea3;
+  --cui-btn-hover-border-color: #4a4999;
+  --cui-btn-focus-shadow-rgb: 98, 97, 204;
+  --cui-btn-active-color: #fff;
+  --cui-btn-active-bg: #4e4ea3;
+  --cui-btn-active-border-color: #4a4999;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
-  --cui-btn-disabled-color: #6b60ce;
+  --cui-btn-disabled-color: #6261cc;
   --cui-btn-disabled-bg: transparent;
   --cui-gradient: none;
 }
@@ -3616,12 +3637,12 @@ textarea.form-control-lg {
   --cui-btn-color: #a6a7a8;
   --cui-btn-border-color: #a6a7a8;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #858686;
-  --cui-btn-hover-border-color: #7d7d7e;
+  --cui-btn-hover-bg: #b8b9b9;
+  --cui-btn-hover-border-color: #afb0b1;
   --cui-btn-focus-shadow-rgb: 166, 167, 168;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #858686;
-  --cui-btn-active-border-color: #7d7d7e;
+  --cui-btn-active-bg: #b8b9b9;
+  --cui-btn-active-border-color: #afb0b1;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #a6a7a8;
   --cui-btn-disabled-bg: transparent;
@@ -3631,12 +3652,12 @@ textarea.form-control-lg {
   --cui-btn-color: #3aad60;
   --cui-btn-border-color: #3aad60;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-hover-bg: #2e8a4d;
-  --cui-btn-hover-border-color: #2c8248;
+  --cui-btn-hover-bg: #61bd80;
+  --cui-btn-hover-border-color: #4eb570;
   --cui-btn-focus-shadow-rgb: 58, 173, 96;
-  --cui-btn-active-color: #fff;
-  --cui-btn-active-bg: #2e8a4d;
-  --cui-btn-active-border-color: #2c8248;
+  --cui-btn-active-color: #080a0c;
+  --cui-btn-active-bg: #61bd80;
+  --cui-btn-active-border-color: #4eb570;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #3aad60;
   --cui-btn-disabled-bg: transparent;
@@ -3660,13 +3681,13 @@ textarea.form-control-lg {
 [data-coreui-theme=dark] .btn-outline-warning {
   --cui-btn-color: #edad21;
   --cui-btn-border-color: #edad21;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
-  --cui-btn-hover-bg: #be8a1a;
-  --cui-btn-hover-border-color: #b28219;
+  --cui-btn-hover-color: #080a0c;
+  --cui-btn-hover-bg: #f1bd4d;
+  --cui-btn-hover-border-color: #efb537;
   --cui-btn-focus-shadow-rgb: 237, 173, 33;
   --cui-btn-active-color: #080a0c;
-  --cui-btn-active-bg: #be8a1a;
-  --cui-btn-active-border-color: #b28219;
+  --cui-btn-active-bg: #f1bd4d;
+  --cui-btn-active-border-color: #efb537;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
   --cui-btn-disabled-color: #edad21;
   --cui-btn-disabled-bg: transparent;
@@ -3675,11 +3696,11 @@ textarea.form-control-lg {
 [data-coreui-theme=dark] .btn-outline-info {
   --cui-btn-color: #3d99f5;
   --cui-btn-border-color: #3d99f5;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-hover-color: #080a0c;
   --cui-btn-hover-bg: #64adf7;
   --cui-btn-hover-border-color: #50a3f6;
   --cui-btn-focus-shadow-rgb: 61, 153, 245;
-  --cui-btn-active-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-active-color: #080a0c;
   --cui-btn-active-bg: #64adf7;
   --cui-btn-active-border-color: #50a3f6;
   --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125);
@@ -3688,35 +3709,35 @@ textarea.form-control-lg {
   --cui-gradient: none;
 }
 [data-coreui-theme=dark] .btn-ghost-primary {
-  --cui-btn-color: #6b60ce;
-  --cui-btn-hover-bg: #8178d5;
-  --cui-btn-hover-border-color: #7a70d3;
-  --cui-btn-hover-color: #080a0c;
-  --cui-btn-active-bg: #8980d8;
-  --cui-btn-active-border-color: #7a70d3;
-  --cui-btn-active-color: #080a0c;
-  --cui-btn-disabled-color: #6b60ce;
-  --cui-btn-shadow: rgba(107, 96, 206, 0.5);
+  --cui-btn-color: #6261cc;
+  --cui-btn-hover-bg: #5352ad;
+  --cui-btn-hover-border-color: #4e4ea3;
+  --cui-btn-hover-color: #fff;
+  --cui-btn-active-bg: #4e4ea3;
+  --cui-btn-active-border-color: #4a4999;
+  --cui-btn-active-color: #fff;
+  --cui-btn-disabled-color: #6261cc;
+  --cui-btn-shadow: rgba(98, 97, 204, 0.5);
 }
 [data-coreui-theme=dark] .btn-ghost-secondary {
   --cui-btn-color: #a6a7a8;
-  --cui-btn-hover-bg: #8d8e8f;
-  --cui-btn-hover-border-color: #858686;
+  --cui-btn-hover-bg: #b3b4b5;
+  --cui-btn-hover-border-color: #afb0b1;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-active-bg: #858686;
-  --cui-btn-active-border-color: #7d7d7e;
+  --cui-btn-active-bg: #b8b9b9;
+  --cui-btn-active-border-color: #afb0b1;
   --cui-btn-active-color: #080a0c;
   --cui-btn-disabled-color: #a6a7a8;
   --cui-btn-shadow: rgba(166, 167, 168, 0.5);
 }
 [data-coreui-theme=dark] .btn-ghost-success {
   --cui-btn-color: #3aad60;
-  --cui-btn-hover-bg: #319352;
-  --cui-btn-hover-border-color: #2e8a4d;
+  --cui-btn-hover-bg: #58b978;
+  --cui-btn-hover-border-color: #4eb570;
   --cui-btn-hover-color: #080a0c;
-  --cui-btn-active-bg: #2e8a4d;
-  --cui-btn-active-border-color: #2c8248;
-  --cui-btn-active-color: #fff;
+  --cui-btn-active-bg: #61bd80;
+  --cui-btn-active-border-color: #4eb570;
+  --cui-btn-active-color: #080a0c;
   --cui-btn-disabled-color: #3aad60;
   --cui-btn-shadow: rgba(58, 173, 96, 0.5);
 }
@@ -3733,11 +3754,11 @@ textarea.form-control-lg {
 }
 [data-coreui-theme=dark] .btn-ghost-warning {
   --cui-btn-color: #edad21;
-  --cui-btn-hover-bg: #c9931c;
-  --cui-btn-hover-border-color: #be8a1a;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
-  --cui-btn-active-bg: #be8a1a;
-  --cui-btn-active-border-color: #b28219;
+  --cui-btn-hover-bg: #f0b942;
+  --cui-btn-hover-border-color: #efb537;
+  --cui-btn-hover-color: #080a0c;
+  --cui-btn-active-bg: #f1bd4d;
+  --cui-btn-active-border-color: #efb537;
   --cui-btn-active-color: #080a0c;
   --cui-btn-disabled-color: #edad21;
   --cui-btn-shadow: rgba(237, 173, 33, 0.5);
@@ -3746,10 +3767,10 @@ textarea.form-control-lg {
   --cui-btn-color: #3d99f5;
   --cui-btn-hover-bg: #5aa8f7;
   --cui-btn-hover-border-color: #50a3f6;
-  --cui-btn-hover-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-hover-color: #080a0c;
   --cui-btn-active-bg: #64adf7;
   --cui-btn-active-border-color: #50a3f6;
-  --cui-btn-active-color: rgba(37, 43, 54, 0.95);
+  --cui-btn-active-color: #080a0c;
   --cui-btn-disabled-color: #3d99f5;
   --cui-btn-shadow: rgba(61, 153, 245, 0.5);
 }
@@ -3832,12 +3853,12 @@ textarea.form-control-lg {
   --cui-dropdown-inner-border-radius: calc(var(--cui-border-radius) - var(--cui-border-width));
   --cui-dropdown-divider-bg: var(--cui-border-color-translucent);
   --cui-dropdown-divider-margin-y: 0.5rem;
-  --cui-dropdown-box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15);
+  --cui-dropdown-box-shadow: var(--cui-box-shadow);
   --cui-dropdown-link-color: var(--cui-body-color);
   --cui-dropdown-link-hover-color: var(--cui-body-color);
   --cui-dropdown-link-hover-bg: var(--cui-tertiary-bg);
   --cui-dropdown-link-active-color: rgba(255, 255, 255, 0.87);
-  --cui-dropdown-link-active-bg: #321fdb;
+  --cui-dropdown-link-active-bg: var(--cui-primary);
   --cui-dropdown-link-disabled-color: var(--cui-tertiary-color);
   --cui-dropdown-item-padding-x: 1rem;
   --cui-dropdown-item-padding-y: 0.25rem;
@@ -4097,7 +4118,7 @@ textarea.form-control-lg {
   --cui-dropdown-divider-bg: var(--cui-border-color-translucent);
   --cui-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
   --cui-dropdown-link-active-color: rgba(255, 255, 255, 0.87);
-  --cui-dropdown-link-active-bg: #321fdb;
+  --cui-dropdown-link-active-bg: var(--cui-primary);
   --cui-dropdown-link-disabled-color: #aab3c5;
   --cui-dropdown-header-color: #aab3c5;
 }
@@ -4237,9 +4258,9 @@ textarea.form-control-lg {
 }
 .nav-link:focus-visible {
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
 }
-.nav-link.disabled {
+.nav-link.disabled, .nav-link:disabled {
   color: var(--cui-nav-link-disabled-color);
   pointer-events: none;
   cursor: default;
@@ -4257,7 +4278,6 @@ textarea.form-control-lg {
 }
 .nav-tabs .nav-link {
   margin-bottom: calc(-1 * var(--cui-nav-tabs-border-width));
-  background: none;
   border: var(--cui-nav-tabs-border-width) solid transparent;
   border-top-left-radius: var(--cui-nav-tabs-border-radius);
   border-top-right-radius: var(--cui-nav-tabs-border-radius);
@@ -4266,11 +4286,6 @@ textarea.form-control-lg {
   isolation: isolate;
   border-color: var(--cui-nav-tabs-link-hover-border-color);
 }
-.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
-  color: var(--cui-nav-link-disabled-color);
-  background-color: transparent;
-  border-color: transparent;
-}
 .nav-tabs .nav-link.active,
 .nav-tabs .nav-item.show .nav-link {
   color: var(--cui-nav-tabs-link-active-color);
@@ -4286,24 +4301,67 @@ textarea.form-control-lg {
 .nav-pills {
   --cui-nav-pills-border-radius: var(--cui-border-radius);
   --cui-nav-pills-link-active-color: rgba(255, 255, 255, 0.87);
-  --cui-nav-pills-link-active-bg: #321fdb;
+  --cui-nav-pills-link-active-bg: var(--cui-primary);
 }
 .nav-pills .nav-link {
-  background: none;
-  border: 0;
   border-radius: var(--cui-nav-pills-border-radius);
 }
-.nav-pills .nav-link:disabled {
-  color: var(--cui-nav-link-disabled-color);
-  background-color: transparent;
-  border-color: transparent;
-}
 .nav-pills .nav-link.active,
 .nav-pills .show > .nav-link {
   color: var(--cui-nav-pills-link-active-color);
   background-color: var(--cui-nav-pills-link-active-bg);
 }
 
+.nav-underline {
+  --cui-nav-underline-gap: 1rem;
+  --cui-nav-underline-border-width: 0.125rem;
+  --cui-nav-underline-link-active-color: var(--cui-emphasis-color);
+  gap: var(--cui-nav-underline-gap);
+}
+.nav-underline .nav-link {
+  padding-right: 0;
+  padding-left: 0;
+  border-bottom: var(--cui-nav-underline-border-width) solid transparent;
+}
+.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
+  border-bottom-color: currentcolor;
+}
+.nav-underline .nav-link.active,
+.nav-underline .show > .nav-link {
+  font-weight: 700;
+  color: var(--cui-nav-underline-link-active-color);
+  border-bottom-color: currentcolor;
+}
+
+.nav-underline-border {
+  --cui-nav-underline-border-gap: 0.5rem;
+  --cui-nav-underline-border-border-color: var(--cui-border-color);
+  --cui-nav-underline-border-border-width: 0.125rem;
+  --cui-nav-underline-border-link-padding-x: 0.5rem;
+  --cui-nav-underline-border-link-padding-y: 0.5rem;
+  --cui-nav-underline-border-link-color: var(--cui-secondary-color);
+  --cui-nav-underline-border-link-active-color: var(--cui-primary);
+  --cui-nav-underline-border-link-disabled-color: var(--cui-tertiary-color);
+  --cui-nav-link-color: var(--cui-nav-underline-border-link-color);
+  --cui-nav-link-disabled-color: var(--cui-nav-underline-border-link-disabled-color);
+  gap: var(--cui-nav-underline-border-gap);
+  border-bottom: var(--cui-nav-underline-border-border-width) solid var(--cui-nav-underline-border-border-color);
+}
+.nav-underline-border .nav-link {
+  padding: var(--cui-nav-underline-border-link-padding-y) var(--cui-nav-underline-border-link-padding-x);
+  margin-bottom: calc(-1 * var(--cui-nav-underline-border-border-width));
+  border-bottom: var(--cui-nav-underline-border-border-width) solid transparent;
+}
+.nav-underline-border .nav-link:hover, .nav-underline-border .nav-link:focus {
+  border-bottom-color: currentcolor;
+}
+.nav-underline-border .nav-link.active,
+.nav-underline-border .show > .nav-link {
+  font-weight: 700;
+  color: var(--cui-nav-underline-border-link-active-color);
+  border-bottom-color: currentcolor;
+}
+
 .nav-fill > .nav-link,
 .nav-fill .nav-item {
   flex: 1 1 auto;
@@ -4965,9 +5023,9 @@ textarea.form-control-lg {
   --cui-accordion-btn-icon-width: 1.25rem;
   --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='%231f1498'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
-  --cui-accordion-btn-focus-border-color: #998fed;
-  --cui-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(50, 31, 219, 0.25);
+  --cui-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233634a3'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --cui-accordion-btn-focus-border-color: #acabeb;
+  --cui-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
   --cui-accordion-body-padding-x: 1.25rem;
   --cui-accordion-body-padding-y: 1rem;
   --cui-accordion-active-color: var(--cui-primary-text-emphasis);
@@ -5085,8 +5143,8 @@ textarea.form-control-lg {
 }
 
 [data-coreui-theme=dark] .accordion-button::after {
-  --cui-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23aab3c5'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
-  --cui-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231f1498'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --cui-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%28255, 255, 255, 0.87%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --cui-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23403f98'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 }
 
 .breadcrumb {
@@ -5135,10 +5193,10 @@ 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(50, 31, 219, 0.25);
+  --cui-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25);
   --cui-pagination-active-color: rgba(255, 255, 255, 0.87);
-  --cui-pagination-active-bg: #321fdb;
-  --cui-pagination-active-border-color: #321fdb;
+  --cui-pagination-active-bg: var(--cui-primary);
+  --cui-pagination-active-border-color: var(--cui-primary);
   --cui-pagination-disabled-color: var(--cui-secondary-color);
   --cui-pagination-disabled-bg: var(--cui-secondary-bg);
   --cui-pagination-disabled-border-color: var(--cui-border-color);
@@ -5462,8 +5520,8 @@ textarea.form-control-lg {
   --cui-list-group-disabled-color: var(--cui-secondary-color);
   --cui-list-group-disabled-bg: var(--cui-body-bg);
   --cui-list-group-active-color: rgba(255, 255, 255, 0.87);
-  --cui-list-group-active-bg: #321fdb;
-  --cui-list-group-active-border-color: #321fdb;
+  --cui-list-group-active-bg: var(--cui-primary);
+  --cui-list-group-active-border-color: var(--cui-primary);
   display: flex;
   flex-direction: column;
   padding-left: 0;
@@ -5794,7 +5852,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.414z'/%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(50, 31, 219, 0.25);
+  --cui-btn-close-focus-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 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%);
@@ -5826,6 +5884,7 @@ textarea.form-control-lg {
   opacity: var(--cui-btn-close-disabled-opacity);
 }
 
+.btn-close[data-coreui-theme=dark],
 .btn-close-white {
   filter: var(--cui-btn-close-white-filter);
 }
@@ -5913,7 +5972,7 @@ textarea.form-control-lg {
   --cui-modal-border-color: var(--cui-border-color-translucent);
   --cui-modal-border-width: var(--cui-border-width);
   --cui-modal-border-radius: var(--cui-border-radius-lg);
-  --cui-modal-box-shadow: 0 0.125rem 0.25rem rgba(8, 10, 12, 0.075);
+  --cui-modal-box-shadow: var(--cui-box-shadow-sm);
   --cui-modal-inner-border-radius: calc(var(--cui-border-radius-lg) - (var(--cui-border-width)));
   --cui-modal-header-padding-x: 1rem;
   --cui-modal-header-padding-y: 1rem;
@@ -6054,7 +6113,7 @@ textarea.form-control-lg {
 @media (min-width: 576px) {
   .modal {
     --cui-modal-margin: 1.75rem;
-    --cui-modal-box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15);
+    --cui-modal-box-shadow: var(--cui-box-shadow);
   }
   .modal-dialog {
     max-width: var(--cui-modal-width);
@@ -6306,7 +6365,7 @@ textarea.form-control-lg {
   --cui-popover-border-color: var(--cui-border-color-translucent);
   --cui-popover-border-radius: var(--cui-border-radius-lg);
   --cui-popover-inner-border-radius: calc(var(--cui-border-radius-lg) - var(--cui-border-width));
-  --cui-popover-box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15);
+  --cui-popover-box-shadow: var(--cui-box-shadow);
   --cui-popover-header-padding-x: 1rem;
   --cui-popover-header-padding-y: 0.5rem;
   --cui-popover-header-font-size: 1rem;
@@ -6741,7 +6800,7 @@ textarea.form-control-lg {
   --cui-offcanvas-bg: var(--cui-body-bg);
   --cui-offcanvas-border-width: var(--cui-border-width);
   --cui-offcanvas-border-color: var(--cui-border-color-translucent);
-  --cui-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(8, 10, 12, 0.075);
+  --cui-offcanvas-box-shadow: var(--cui-box-shadow-sm);
   --cui-offcanvas-transition: transform 0.3s ease-in-out;
   --cui-offcanvas-title-line-height: 1.5;
 }
@@ -7398,7 +7457,7 @@ textarea.form-control-lg {
 }
 
 .callout-primary {
-  --cui-callout-border-left-color: #321fdb;
+  --cui-callout-border-left-color: #5856d6;
 }
 
 .callout-secondary {
@@ -7474,6 +7533,7 @@ textarea.form-control-lg {
   --cui-header-hover-color: rgba(var(--cui-emphasis-color-rgb), 0.8);
   --cui-header-disabled-color: rgba(var(--cui-emphasis-color-rgb), 0.3);
   --cui-header-active-color: rgba(var(--cui-emphasis-color-rgb), 1);
+  --cui-header-transition: box-shadow 0.15s ease-in-out;
   --cui-header-brand-padding-y: 0.3125rem;
   --cui-header-brand-color: #212631;
   --cui-header-brand-hover-color: #1e222c;
@@ -7489,16 +7549,20 @@ textarea.form-control-lg {
   --cui-header-nav-link-padding-y: 0.5rem;
   --cui-header-divider-border-color: var(--cui-border-color);
   --cui-header-divider-border: var(--cui-border-width) solid var(--cui-header-divider-border-color);
-  --cui-subheader-min-height: 3rem;
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
-  min-height: var(--cui-header-min-height);
   padding: var(--cui-header-padding-y) var(--cui-header-padding-x);
   background: var(--cui-header-bg);
   border-bottom: var(--cui-header-border);
+  transition: var(--cui-header-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+  .header {
+    transition: none;
+  }
 }
 .header > .container,
 .header > .container-fluid,
@@ -7518,24 +7582,6 @@ textarea.form-control-lg {
   align-items: center;
   justify-content: space-between;
 }
-.header .container:first-child,
-.header .container-fluid:first-child,
-.header .container-sm:first-child,
-.header .container-md:first-child,
-.header .container-lg:first-child,
-.header .container-xl:first-child,
-.header .container-xxl:first-child {
-  min-height: calc(var(--cui-header-min-height) - 2 * var(--cui-header-padding-y));
-}
-.header .container:nth-child(n+2),
-.header .container-fluid:nth-child(n+2),
-.header .container-sm:nth-child(n+2),
-.header .container-md:nth-child(n+2),
-.header .container-lg:nth-child(n+2),
-.header .container-xl:nth-child(n+2),
-.header .container-xxl:nth-child(n+2) {
-  min-height: calc(var(--cui-subheader-min-height) - 2 * var(--cui-header-padding-y));
-}
 .header.header-sticky {
   position: -webkit-sticky;
   position: sticky;
@@ -7701,70 +7747,21 @@ textarea.form-control-lg {
 
 .sidebar {
   --cui-sidebar-width: 16rem;
-  --cui-sidebar-bg: #323a49;
-  --cui-sidebar-padding-x: 0;
-  --cui-sidebar-padding-y: 0;
-  --cui-sidebar-color: rgba(255, 255, 255, 0.87);
-  --cui-sidebar-border-width: 0;
-  --cui-sidebar-border-color: transparent;
-  --cui-sidebar-brand-color: rgba(255, 255, 255, 0.87);
-  --cui-sidebar-brand-height: 4rem;
+  --cui-sidebar-bg: var(--cui-body-bg);
+  --cui-sidebar-padding-x: 1rem;
+  --cui-sidebar-padding-y: 1rem;
+  --cui-sidebar-color: var(--cui-body-color);
+  --cui-sidebar-brand-color: var(--cui-body-color);
   --cui-sidebar-brand-bg: rgba(8, 10, 12, 0.2);
-  --cui-sidebar-header-height: 4rem;
-  --cui-sidebar-header-bg: rgba(8, 10, 12, 0.2);
-  --cui-sidebar-header-padding-x: 1rem;
-  --cui-sidebar-header-padding-y: 0.75rem;
-  --cui-sidebar-footer-bg: rgba(8, 10, 12, 0.2);
-  --cui-sidebar-footer-height: auto;
-  --cui-sidebar-footer-padding-x: 1rem;
-  --cui-sidebar-footer-padding-y: 0.75rem;
-  --cui-sidebar-toggler-bg: rgba(8, 10, 12, 0.2);
-  --cui-sidebar-toggler-height: 3rem;
-  --cui-sidebar-toggler-indicator: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='rgba%28255, 255, 255, 0.38%29' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
-  --cui-sidebar-toggler-indicator-width: 4rem;
-  --cui-sidebar-toggler-indicator-height: 3rem;
-  --cui-sidebar-toggler-hover-bg: rgba(0, 0, 0, 0.3);
-  --cui-sidebar-toggler-indicator-hover: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='rgba%28255, 255, 255, 0.87%29' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
-  --cui-sidebar-narrow-width: 4rem;
-  --cui-sidebar-nav-title-padding-x: 1rem;
-  --cui-sidebar-nav-title-padding-y: 0.75rem;
-  --cui-sidebar-nav-title-margin-top: 1rem;
-  --cui-sidebar-nav-title-color: rgba(255, 255, 255, 0.6);
-  --cui-sidebar-nav-link-padding-x: 1rem;
-  --cui-sidebar-nav-link-padding-y: 0.8445rem;
-  --cui-sidebar-nav-link-color: rgba(255, 255, 255, 0.6);
-  --cui-sidebar-nav-link-bg: transparent;
-  --cui-sidebar-nav-link-border-color: transparent;
-  --cui-sidebar-nav-link-border: 0 solid var(--cui-sidebar-nav-link-border-color);
-  --cui-sidebar-nav-link-border-radius: 0;
-  --cui-sidebar-nav-link-active-color: rgba(255, 255, 255, 0.87);
-  --cui-sidebar-nav-link-active-bg: rgba(255, 255, 255, 0.05);
-  --cui-sidebar-nav-link-active-icon-color: rgba(255, 255, 255, 0.87);
-  --cui-sidebar-nav-link-disabled-color: rgba(255, 255, 255, 0.38);
-  --cui-sidebar-nav-link-disabled-icon-color: rgba(255, 255, 255, 0.6);
-  --cui-sidebar-nav-link-hover-color: rgba(255, 255, 255, 0.87);
-  --cui-sidebar-nav-link-hover-bg: rgba(255, 255, 255, 0.05);
-  --cui-sidebar-nav-link-hover-icon-color: rgba(255, 255, 255, 0.87);
-  --cui-sidebar-nav-icon-width: 4rem;
-  --cui-sidebar-nav-icon-height: 1.25rem;
-  --cui-sidebar-nav-icon-font-size: 1.25rem;
-  --cui-sidebar-nav-link-icon-color: rgba(255, 255, 255, 0.6);
-  --cui-sidebar-nav-group-bg: rgba(0, 0, 0, 0.2);
-  --cui-sidebar-nav-group-items-padding-y: 0;
-  --cui-sidebar-nav-group-items-padding-x: 0;
-  --cui-sidebar-nav-group-indicator: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%28255, 255, 255, 0.6%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
-  --cui-sidebar-nav-group-indicator-hover: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%28255, 255, 255, 0.87%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
-  --cui-sidebar-nav-group-toggle-show-color: rgba(255, 255, 255, 0.6);
+  --cui-sidebar-overlaid-zindex: 1045;
   position: relative;
   display: flex;
   flex: 0 0 var(--cui-sidebar-width);
   flex-direction: column;
   order: -1;
   width: var(--cui-sidebar-width);
-  padding: var(--cui-sidebar-padding-y) var(--cui-sidebar-padding-x);
   color: var(--cui-sidebar-color);
   background: var(--cui-sidebar-bg);
-  border-right: var(--cui-sidebar-border-width) solid var(--cui-sidebar-border-color);
   box-shadow: none;
   transition: margin-left 0.15s, margin-right 0.15s, box-shadow 0.075s, transform 0.15s, width 0.15s, z-index 0s ease 0.15s;
 }
@@ -7786,9 +7783,6 @@ textarea.form-control-lg {
 .sidebar.sidebar-end ~ * {
   --cui-sidebar-occupy-end: 16rem;
 }
-.sidebar[class*=bg-] {
-  border-color: rgba(8, 10, 12, 0.1);
-}
 .sidebar.sidebar-sm {
   --cui-sidebar-width: 12rem;
 }
@@ -7841,7 +7835,6 @@ textarea.form-control-lg {
     position: fixed;
     top: 0;
     bottom: 0;
-    z-index: 1030;
   }
   .sidebar.sidebar-fixed:not(.sidebar-end) {
     left: 0;
@@ -7862,19 +7855,22 @@ textarea.form-control-lg {
   position: fixed;
   top: 0;
   bottom: 0;
-  z-index: 1032;
+  z-index: var(--cui-sidebar-overlaid-zindex);
+}
+.sidebar.sidebar-overlaid:not(.hide) {
+  box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15);
 }
 .sidebar.sidebar-overlaid:not(.sidebar-end) {
   left: 0;
 }
 .sidebar.sidebar-overlaid:not(.sidebar-end) ~ * {
-  --cui-sidebar-occupy-start: 0;
+  --cui-sidebar-occupy-start: 0 !important;
 }
 .sidebar.sidebar-overlaid.sidebar-end {
   right: 0;
 }
 .sidebar.sidebar-overlaid.sidebar-end ~ * {
-  --cui-sidebar-occupy-end: 0;
+  --cui-sidebar-occupy-end: 0 !important;
 }
 @media (max-width: 767.98px) {
   .sidebar {
@@ -7882,7 +7878,7 @@ textarea.form-control-lg {
     position: fixed;
     top: 0;
     bottom: 0;
-    z-index: 1031;
+    z-index: var(--cui-sidebar-overlaid-zindex);
   }
   .sidebar:not(.sidebar-end) {
     left: 0;
@@ -7904,114 +7900,95 @@ textarea.form-control-lg {
   }
 }
 
-.sidebar-close {
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: var(--cui-sidebar-width);
-  height: var(--cui-sidebar-header-height);
-  color: var(--cui-sidebar-color);
-  background: transparent;
-  border: 0;
-}
-.sidebar-close:hover {
-  text-decoration: none;
-}
-.sidebar-close:focus {
-  outline: 0;
-}
-
 .sidebar-brand {
-  display: flex;
-  flex: 0 0 var(--cui-sidebar-brand-height);
-  align-items: center;
-  justify-content: center;
   color: var(--cui-sidebar-brand-color);
-  background: var(--cui-sidebar-brand-bg);
+  white-space: nowrap;
 }
 .sidebar-brand .sidebar-brand-narrow {
   display: none;
 }
 
 .sidebar-header {
-  flex: 0 0 var(--cui-sidebar-header-height);
-  padding: var(--cui-sidebar-header-padding-y) var(--cui-sidebar-header-padding-x);
-  text-align: center;
-  background: var(--cui-sidebar-header-bg);
-  transition: height 0.15s, padding 0.15s;
-}
-@media (prefers-reduced-motion: reduce) {
-  .sidebar-header {
-    transition: none;
-  }
-}
-.sidebar-header .nav-link {
   display: flex;
   align-items: center;
-  min-height: var(--cui-sidebar-header-height);
+  justify-content: space-between;
+  padding: var(--cui-sidebar-padding-y) var(--cui-sidebar-padding-x);
+}
+.sidebar-header .btn-close {
+  padding: calc(var(--cui-sidebar-padding-y) * 0.5) calc(var(--cui-sidebar-padding-x) * 0.5);
+  margin-top: calc(-0.5 * var(--cui-sidebar-padding-y));
+  margin-right: calc(-0.5 * var(--cui-sidebar-padding-x));
+  margin-bottom: calc(-0.5 * var(--cui-sidebar-padding-y));
 }
 
-.sidebar-footer {
-  flex: 0 0 var(--cui-sidebar-footer-height);
-  padding: var(--cui-sidebar-footer-padding-y) var(--cui-sidebar-footer-padding-x);
-  background: var(--cui-sidebar-footer-bg);
-  transition: height 0.15s, padding 0.15s;
+.sidebar-body {
+  padding: var(--cui-sidebar-padding-y) var(--cui-sidebar-padding-x);
 }
-@media (prefers-reduced-motion: reduce) {
-  .sidebar-footer {
-    transition: none;
-  }
+
+.sidebar-footer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--cui-sidebar-padding-y) var(--cui-sidebar-padding-x);
 }
 
 .sidebar-toggler {
-  display: flex;
-  flex: 0 0 var(--cui-sidebar-toggler-height);
-  justify-content: flex-end;
-  width: inherit;
-  padding: 0;
-  cursor: pointer;
-  background-color: var(--cui-sidebar-toggler-bg);
+  --cui-sidebar-toggler-width: 0.5rem;
+  --cui-sidebar-toggler-height: 0.5rem;
+  --cui-sidebar-toggler-color: var(--cui-tertiary-color);
+  --cui-sidebar-toggler-bg: 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-color: var(--cui-secondary-color);
+  --cui-sidebar-toggler-transition: transform 0.15s;
+  position: relative;
+  box-sizing: content-box;
+  width: var(--cui-sidebar-toggler-width);
+  height: var(--cui-sidebar-toggler-height);
+  padding: 0.25rem 0.25rem;
+  background-color: transparent;
   border: 0;
+  border-radius: 0.375rem;
+  transition: var(--cui-sidebar-toggler-transition);
 }
-@media (max-width: 767.98px) {
+@media (prefers-reduced-motion: reduce) {
   .sidebar-toggler {
-    display: none;
+    transition: none;
   }
 }
 .sidebar-toggler::before {
-  display: block;
-  width: var(--cui-sidebar-toggler-indicator-width);
-  height: var(--cui-sidebar-toggler-indicator-height);
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
   content: "";
-  background-image: var(--cui-sidebar-toggler-indicator);
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: calc(var(--cui-sidebar-toggler-indicator-height) * 0.25);
-  transition: transform 0.15s;
-}
-@media (prefers-reduced-motion: reduce) {
-  .sidebar-toggler::before {
-    transition: none;
-  }
-}
-.sidebar-toggler:focus {
-  outline: 0;
+  background-color: var(--cui-sidebar-toggler-color);
+  -webkit-mask: var(--cui-sidebar-toggler-bg) no-repeat center;
+  mask: var(--cui-sidebar-toggler-bg) no-repeat center;
 }
 .sidebar-toggler:hover {
-  background-color: var(--cui-sidebar-toggler-hover-bg);
+  text-decoration: none;
 }
 .sidebar-toggler:hover::before {
-  background-image: var(--cui-sidebar-toggler-indicator-hover);
+  background-color: var(--cui-sidebar-toggler-hover-color);
 }
-.sidebar-end .sidebar-toggler {
-  justify-content: flex-start;
+.sidebar-toggler:focus {
+  position: relative;
+  outline: 0;
+  box-shadow: var(--cui-sidebar-toggler-focus-shadow);
 }
-.sidebar-end .sidebar-toggler::before {
-  transform: rotate(-180deg);
+.sidebar-toggler:focus::before {
+  background-color: var(--cui-sidebar-toggler-focus-color);
+}
+@media (max-width: 767.98px) {
+  .sidebar-toggler {
+    display: none;
+  }
 }
 
 .sidebar-backdrop {
-  --cui-backdrop-zindex: 1030;
+  --cui-backdrop-zindex: 1040;
   --cui-backdrop-bg: #080a0c;
   --cui-backdrop-opacity: 0.5;
 }
@@ -8033,23 +8010,84 @@ textarea.form-control-lg {
   }
 }
 
-[data-coreui-theme=dark] .sidebar {
-  --cui-sidebar-bg: #212631;
-  --cui-sidebar-border-width: var(--cui-border-width);
-  --cui-sidebar-border-color: var(--cui-border-color);
+.sidebar-dark {
+  --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);
+  --cui-secondary-bg: #323a49;
+  --cui-tertiary-color: rgba(255, 255, 255, 0.38);
+  --cui-tertiary-bg: #2a303d;
+  --cui-border-color: #323a49;
+}
+.sidebar-dark .sidebar-toggler {
+  filter: var(--cui-sidebar-toggler-white-filter);
 }
 
 .sidebar-nav {
+  --cui-sidebar-nav-padding-x: 0.5rem;
+  --cui-sidebar-nav-padding-y: 0.5rem;
+  --cui-sidebar-nav-title-padding-x: 1rem;
+  --cui-sidebar-nav-title-padding-y: 0.75rem;
+  --cui-sidebar-nav-title-margin-top: 1rem;
+  --cui-sidebar-nav-title-color: var(--cui-tertiary-color);
+  --cui-sidebar-nav-link-padding-x: 1rem;
+  --cui-sidebar-nav-link-padding-y: 0.75rem;
+  --cui-sidebar-nav-link-color: var(--cui-body-color);
+  --cui-sidebar-nav-link-bg: transparent;
+  --cui-sidebar-nav-link-border-color: transparent;
+  --cui-sidebar-nav-link-border-radius: var(--cui-border-radius);
+  --cui-sidebar-nav-link-border-width: 0;
+  --cui-sidebar-nav-link-active-color: var(--cui-emphasis-color);
+  --cui-sidebar-nav-link-active-bg: var(--cui-tertiary-bg);
+  --cui-sidebar-nav-link-disabled-color: var(--cui-tertiary-color);
+  --cui-sidebar-nav-link-hover-color: var(--cui-emphasis-color);
+  --cui-sidebar-nav-link-hover-bg: var(--cui-tertiary-bg);
+  --cui-sidebar-nav-link-icon-margin: 0.75rem;
+  --cui-sidebar-nav-link-icon-color: var(--cui-tertiary-color);
+  --cui-sidebar-nav-link-icon-width: 1.25rem;
+  --cui-sidebar-nav-link-icon-height: 1.25rem;
+  --cui-sidebar-nav-link-icon-font-size: 1.25rem;
+  --cui-sidebar-nav-link-active-icon-color: var(--cui-primary);
+  --cui-sidebar-nav-link-disabled-icon-color: var(--cui-tertiary-color);
+  --cui-sidebar-nav-link-hover-icon-color: var(--cui-body-color);
+  --cui-sidebar-nav-link-icon-bullet-size: 0.3125rem;
+  --cui-sidebar-nav-link-icon-bullet-bg: transparent;
+  --cui-sidebar-nav-link-icon-bullet-border-width: 1px;
+  --cui-sidebar-nav-link-icon-bullet-border-radius: 50rem;
+  --cui-sidebar-nav-link-icon-bullet-border-color: var(--cui-tertiary-color);
+  --cui-sidebar-nav-link-active-icon-bullet-bg: transparent;
+  --cui-sidebar-nav-link-active-icon-bullet-border-color: var(--cui-primary);
+  --cui-sidebar-nav-link-disabled-icon-bullet-bg: transparent;
+  --cui-sidebar-nav-link-disabled-icon-bullet-border-color: var(--cui-tertiary-color);
+  --cui-sidebar-nav-link-hover-icon-bullet-bg: transparent;
+  --cui-sidebar-nav-link-hover-icon-bullet-border-color: var(--cui-body-color);
+  --cui-sidebar-nav-group-bg: transparent;
+  --cui-sidebar-nav-group-border-width: 0;
+  --cui-sidebar-nav-group-border-radius: var(--cui-border-radius);
+  --cui-sidebar-nav-group-border-color: transparent;
+  --cui-sidebar-nav-group-items-padding-y: 0;
+  --cui-sidebar-nav-group-items-padding-x: 0;
+  --cui-sidebar-nav-group-indicator-color: var(--cui-tertiary-color);
+  --cui-sidebar-nav-group-indicator-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --cui-sidebar-nav-group-indicator-hover-color: var(--cui-emphasis-color);
+  --cui-sidebar-nav-group-indicator-hover-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --cui-sidebar-nav-group-toggle-show-color: var(--cui-body-color);
   position: relative;
   display: flex;
   flex: 1;
   flex-direction: column;
-  padding: 0;
+  padding: var(--cui-sidebar-nav-padding-y) var(--cui-sidebar-nav-padding-x);
   margin-bottom: 0;
   overflow-x: hidden;
   overflow-y: auto;
   list-style: none;
 }
+.sidebar-nav .nav-item + .nav-item,
+.sidebar-nav .nav-item + .nav-group,
+.sidebar-nav .nav-group + .nav-item {
+  margin-top: 1px;
+}
 .sidebar-nav .nav-title {
   padding: var(--cui-sidebar-nav-title-padding-y) var(--cui-sidebar-nav-title-padding-x);
   margin-top: var(--cui-sidebar-nav-title-margin-top);
@@ -8073,9 +8111,9 @@ textarea.form-control-lg {
   text-decoration: none;
   white-space: nowrap;
   background: var(--cui-sidebar-nav-link-bg);
-  border: var(--cui-sidebar-nav-link-border);
+  border: var(--cui-sidebar-nav-link-border-width) solid var(--cui-sidebar-nav-link-border-color);
   border-radius: var(--cui-sidebar-nav-link-border-radius);
-  transition: background 0.15s ease, color 0.15s ease;
+  transition: background 0.15s ease, color 0.15s ease, gap 0.15s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   .sidebar-nav .nav-link {
@@ -8089,6 +8127,10 @@ textarea.form-control-lg {
 .sidebar-nav .nav-link.active .nav-icon {
   color: var(--cui-sidebar-nav-link-active-icon-color);
 }
+.sidebar-nav .nav-link.active .nav-icon-bullet {
+  background: var(--cui-sidebar-link-active-icon-bullet-bg);
+  border-color: var(--cui-sidebar-link-active-icon-bullet-border-color);
+}
 .sidebar-nav .nav-link.disabled {
   color: var(--cui-sidebar-nav-link-disabled-color);
   pointer-events: none;
@@ -8098,14 +8140,24 @@ textarea.form-control-lg {
 .sidebar-nav .nav-link.disabled .nav-icon {
   color: var(--cui-sidebar-nav-link-disabled-icon-color);
 }
+.sidebar-nav .nav-link.disabled .nav-icon-bullet {
+  background: var(--cui-sidebar-link-disabled-icon-bullet-bg);
+  border-color: var(--cui-sidebar-link-disabled-icon-bullet-border-color);
+}
 .sidebar-nav .nav-link.disabled:hover {
   color: var(--cui-sidebar-nav-link-disabled-color);
 }
 .sidebar-nav .nav-link.disabled:hover .nav-icon {
   color: var(--cui-sidebar-nav-link-disabled-icon-color);
 }
+.sidebar-nav .nav-link.disabled:hover .nav-icon-bullet {
+  background: var(--cui-sidebar-link-disabled-icon-bullet-bg);
+  border-color: var(--cui-sidebar-link-disabled-icon-bullet-border-color);
+}
 .sidebar-nav .nav-link.disabled:hover.nav-dropdown-toggle::after {
-  background-image: var(--cui-sidebar-nav-group-indicator-hover);
+  -webkit-mask-image: var(--cui-sidebar-nav-group-indicator-hover-icon);
+  mask-image: var(--cui-sidebar-nav-group-indicator-hover-icon);
+  background-color: var(--cui-sidebar-nav-group-indicator-hover-color);
 }
 @media (hover: hover), (-ms-high-contrast: none) {
   .sidebar-nav .nav-link:hover {
@@ -8116,14 +8168,24 @@ textarea.form-control-lg {
   .sidebar-nav .nav-link:hover .nav-icon {
     color: var(--cui-sidebar-nav-link-hover-icon-color);
   }
+  .sidebar-nav .nav-link:hover .nav-icon-bullet {
+    background: var(--cui-sidebar-link-hover-icon-bullet-bg);
+    border-color: var(--cui-sidebar-link-hover-icon-bullet-border-color);
+  }
   .sidebar-nav .nav-link:hover.nav-group-toggle::after {
-    background-image: var(--cui-sidebar-nav-group-indicator-hover);
+    -webkit-mask-image: var(--cui-sidebar-nav-group-indicator-hover-icon);
+    mask-image: var(--cui-sidebar-nav-group-indicator-hover-icon);
+    background-color: var(--cui-sidebar-nav-group-indicator-hover-color);
   }
 }
 .sidebar-nav .nav-icon {
-  flex: 0 0 var(--cui-sidebar-nav-icon-width);
-  height: var(--cui-sidebar-nav-icon-height);
-  font-size: var(--cui-sidebar-nav-icon-font-size);
+  display: flex;
+  flex: 0 0 var(--cui-sidebar-nav-link-icon-width);
+  align-items: center;
+  justify-content: center;
+  height: var(--cui-sidebar-nav-link-icon-height);
+  margin-right: var(--cui-sidebar-nav-link-icon-margin);
+  font-size: var(--cui-sidebar-nav-link-icon-font-size);
   color: var(--cui-sidebar-nav-link-icon-color);
   text-align: center;
   pointer-events: none;
@@ -8135,14 +8197,21 @@ textarea.form-control-lg {
     transition: none;
   }
 }
-.sidebar-nav .nav-icon:first-child {
-  margin-left: calc(var(--cui-sidebar-nav-link-padding-x) * -1);
+.sidebar-nav .nav-icon-bullet {
+  display: inline-block;
+  width: var(--cui-sidebar-nav-link-icon-bullet-size);
+  height: var(--cui-sidebar-nav-link-icon-bullet-size);
+  background: var(--cui-sidebar-nav-link-icon-bullet-bg);
+  border: var(--cui-sidebar-nav-link-icon-bullet-border-width) solid var(--cui-sidebar-nav-link-icon-bullet-border-color);
+  border-radius: var(--cui-sidebar-nav-link-icon-bullet-border-radius);
 }
 .sidebar-nav svg.nav-icon {
   overflow: hidden;
 }
 .sidebar-nav .nav-group {
   position: relative;
+  border: var(--cui-sidebar-nav-group-border-width) solid var(--cui-sidebar-nav-group-border-color);
+  border-radius: var(--cui-sidebar-nav-group-border-radius);
   transition: background 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -8184,9 +8253,9 @@ textarea.form-control-lg {
   height: 12px;
   margin-left: auto;
   content: "";
-  background-image: var(--cui-sidebar-nav-group-indicator);
-  background-repeat: no-repeat;
-  background-position: center;
+  -webkit-mask-image: var(--cui-sidebar-nav-group-indicator-icon);
+  mask-image: var(--cui-sidebar-nav-group-indicator-icon);
+  background-color: var(--cui-sidebar-nav-group-indicator-color);
   transition: transform 0.15s;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -8199,17 +8268,23 @@ textarea.form-control-lg {
   list-style: none;
 }
 .sidebar-nav .nav-group-items .nav-link {
-  padding-left: var(--cui-sidebar-nav-icon-width);
+  padding-left: calc(var(--cui-sidebar-nav-link-padding-x) + var(--cui-sidebar-nav-link-icon-width) + var(--cui-sidebar-nav-link-icon-margin));
 }
-.sidebar-nav .nav-group-items .nav-link .nav-icon {
-  margin-left: calc(var(--cui-sidebar-nav-icon-width) * -1);
+.sidebar-nav .nav-group-items .nav-icon {
+  margin-left: calc((var(--cui-sidebar-nav-link-icon-width) + var(--cui-sidebar-nav-link-icon-margin)) * -1);
 }
 .sidebar-nav.compact .nav-link,
 .sidebar-nav .compact .nav-link {
-  padding-top: calc(var(--cui-sidebar-nav-link-padding-y) * 0.5);
-  padding-bottom: calc(var(--cui-sidebar-nav-link-padding-y) * 0.5);
+  --cui-sidebar-nav-link-padding-y: 0.5625rem;
 }
 
+.sidebar-narrow-unfoldable:not(:hover), .sidebar-narrow {
+  --cui-sidebar-narrow-width: 4rem;
+}
+.sidebar-narrow-unfoldable:not(:hover) .sidebar-nav, .sidebar-narrow .sidebar-nav {
+  --cui-sidebar-nav-link-padding-x: 0.5rem;
+  --cui-sidebar-nav-link-padding-y: 0.75rem;
+}
 @media (min-width: 768px) {
   .sidebar-narrow-unfoldable:not(:hover), .sidebar-narrow {
     z-index: 1031;
@@ -8228,6 +8303,14 @@ textarea.form-control-lg {
   .sidebar-narrow-unfoldable:not(:hover) .sidebar-brand-narrow, .sidebar-narrow .sidebar-brand-narrow {
     display: block;
   }
+  .sidebar-narrow-unfoldable:not(:hover) .sidebar-header, .sidebar-narrow .sidebar-header {
+    justify-content: center;
+    padding-right: 0;
+    padding-left: 0;
+  }
+  .sidebar-narrow-unfoldable:not(:hover) .nav-icon, .sidebar-narrow .nav-icon {
+    flex: 0 0 calc(var(--cui-sidebar-narrow-width) - var(--cui-sidebar-nav-padding-x) * 2 - var(--cui-sidebar-nav-link-padding-x) * 2);
+  }
   .sidebar-narrow-unfoldable:not(:hover) .d-narrow-none, .sidebar-narrow .d-narrow-none,
   .sidebar-narrow-unfoldable:not(:hover) .nav-label,
   .sidebar-narrow .nav-label,
@@ -8235,12 +8318,8 @@ textarea.form-control-lg {
   .sidebar-narrow .nav-title,
   .sidebar-narrow-unfoldable:not(:hover) .nav-group-items,
   .sidebar-narrow .nav-group-items,
-  .sidebar-narrow-unfoldable:not(:hover) .sidebar-footer,
-  .sidebar-narrow .sidebar-footer,
   .sidebar-narrow-unfoldable:not(:hover) .sidebar-form,
-  .sidebar-narrow .sidebar-form,
-  .sidebar-narrow-unfoldable:not(:hover) .sidebar-header,
-  .sidebar-narrow .sidebar-header {
+  .sidebar-narrow .sidebar-form {
     height: 0 !important;
     padding: 0;
     margin: 0;
@@ -8248,10 +8327,6 @@ textarea.form-control-lg {
     opacity: 0;
   }
   .sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler, .sidebar-narrow .sidebar-toggler {
-    position: fixed;
-    bottom: 0;
-  }
-  .sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler::before, .sidebar-narrow .sidebar-toggler::before {
     transform: rotate(-180deg);
   }
   .sidebar-end.sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler::before, .sidebar-end.sidebar-narrow .sidebar-toggler::before {
@@ -8265,6 +8340,9 @@ textarea.form-control-lg {
 .sidebar-narrow.sidebar-end ~ * {
   --cui-sidebar-occupy-end: 4rem;
 }
+.sidebar-narrow .nav-link {
+  overflow: hidden;
+}
 
 .sidebar-narrow-unfoldable {
   position: fixed;
@@ -8276,12 +8354,18 @@ textarea.form-control-lg {
 .sidebar-narrow-unfoldable.sidebar-end ~ * {
   --cui-sidebar-occupy-end: 4rem;
 }
-.sidebar-narrow-unfoldable:hover .sidebar-toggler::before {
+.sidebar-narrow-unfoldable:hover {
+  box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15);
+}
+.sidebar-narrow-unfoldable:hover .sidebar-toggler {
   transform: rotate(-180deg);
 }
-.sidebar-narrow-unfoldable:hover.sidebar-end .sidebar-toggler::before {
+.sidebar-narrow-unfoldable:hover.sidebar-end .sidebar-toggler {
   transform: rotate(0deg);
 }
+.sidebar-narrow-unfoldable .nav-link {
+  overflow: hidden;
+}
 
 .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow:not(.sidebar-end), .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow-unfoldable:not(.sidebar-end) {
   margin-left: calc(var(--cui-sidebar-narrow-width) * -1);
@@ -8330,63 +8414,6 @@ textarea.form-control-lg {
     margin-right: calc(var(--cui-sidebar-narrow-width) * -1);
   }
 }
-.subheader {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-  min-height: 3rem;
-  padding: 0.5rem 1rem;
-  background: var(--cui-subheader-bg, #fff);
-  border-bottom: var(--cui-subheader-border-width, 1px) solid var(--cui-subheader-border-color, var(--cui-border-color));
-}
-
-.subheader-sticky {
-  position: -webkit-sticky;
-  position: sticky;
-  top: 0;
-  z-index: 1029;
-}
-
-.subheader-nav {
-  display: flex;
-  flex-direction: row;
-  padding-left: 0;
-  margin-bottom: 0;
-  list-style: none;
-}
-.subheader-nav .nav-link {
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
-  color: var(--cui-subheader-color, var(--cui-secondary-color));
-}
-.subheader-nav .nav-link:hover, .subheader-nav .nav-link:focus {
-  color: var(--cui-subheader-hover-color, var(--cui-body-color));
-}
-.subheader-nav .nav-link.disabled {
-  color: var(--cui-subheader-disabled-color, rgba(37, 43, 54, 0.38));
-}
-.subheader-nav .show > .nav-link,
-.subheader-nav .nav-link.active {
-  color: var(--cui-subheader-active-color, var(--cui-body-color));
-}
-.subheader-nav .dropdown-menu {
-  position: absolute;
-}
-
-.subheader-text {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  color: var(--cui-subheader-color, var(--cui-secondary-color));
-}
-.subheader-text a {
-  color: var(--cui-subheader-active-color, var(--cui-body-color));
-}
-.subheader-text a:hover, .subheader-text a:focus {
-  color: var(--cui-subheader-active-color, var(--cui-body-color));
-}
-
 .clearfix::after {
   display: block;
   clear: both;
@@ -8394,55 +8421,55 @@ textarea.form-control-lg {
 }
 
 .text-bg-primary {
-  color: rgba(255, 255, 255, 0.87) !important;
-  background-color: RGBA(50, 31, 219, var(--cui-bg-opacity, 1)) !important;
+  color: #fff !important;
+  background-color: RGBA(var(--cui-primary-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-secondary {
-  color: rgba(37, 43, 54, 0.95) !important;
-  background-color: RGBA(157, 165, 177, var(--cui-bg-opacity, 1)) !important;
+  color: #080a0c !important;
+  background-color: RGBA(var(--cui-secondary-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-success {
-  color: rgba(37, 43, 54, 0.95) !important;
-  background-color: RGBA(46, 184, 92, var(--cui-bg-opacity, 1)) !important;
+  color: #080a0c !important;
+  background-color: RGBA(var(--cui-success-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-info {
   color: #080a0c !important;
-  background-color: RGBA(51, 153, 255, var(--cui-bg-opacity, 1)) !important;
+  background-color: RGBA(var(--cui-info-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-warning {
-  color: rgba(37, 43, 54, 0.95) !important;
-  background-color: RGBA(249, 177, 21, var(--cui-bg-opacity, 1)) !important;
+  color: #080a0c !important;
+  background-color: RGBA(var(--cui-warning-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-danger {
   color: #080a0c !important;
-  background-color: RGBA(229, 83, 83, var(--cui-bg-opacity, 1)) !important;
+  background-color: RGBA(var(--cui-danger-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-light {
-  color: rgba(37, 43, 54, 0.95) !important;
-  background-color: RGBA(243, 244, 247, var(--cui-bg-opacity, 1)) !important;
+  color: #080a0c !important;
+  background-color: RGBA(var(--cui-light-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 .text-bg-dark {
-  color: rgba(255, 255, 255, 0.87) !important;
-  background-color: RGBA(33, 38, 49, var(--cui-bg-opacity, 1)) !important;
+  color: #fff !important;
+  background-color: RGBA(var(--cui-dark-rgb), var(--cui-bg-opacity, 1)) !important;
 }
 
 [data-coreui-theme=dark] .text-bg-primary {
   color: #fff !important;
-  background-color: RGBA(107, 96, 206, var(--cui-bg-opacity, 1)) !important;
+  background-color: RGBA(98, 97, 204, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-secondary {
-  color: rgba(37, 43, 54, 0.95) !important;
+  color: #080a0c !important;
   background-color: RGBA(166, 167, 168, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-success {
-  color: rgba(37, 43, 54, 0.95) !important;
+  color: #080a0c !important;
   background-color: RGBA(58, 173, 96, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-info {
@@ -8450,7 +8477,7 @@ textarea.form-control-lg {
   background-color: RGBA(61, 153, 245, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-warning {
-  color: rgba(37, 43, 54, 0.95) !important;
+  color: #080a0c !important;
   background-color: RGBA(237, 173, 33, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-danger {
@@ -8458,12 +8485,12 @@ textarea.form-control-lg {
   background-color: RGBA(219, 93, 93, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-light {
-  color: rgba(37, 43, 54, 0.95) !important;
-  background-color: RGBA(244, 245, 246, var(--cui-bg-opacity, 1)) !important;
+  color: #080a0c !important;
+  background-color: RGBA(243, 244, 247, var(--cui-bg-opacity, 1)) !important;
 }
 [data-coreui-theme=dark] .text-bg-dark {
-  color: rgba(255, 255, 255, 0.87) !important;
-  background-color: RGBA(37, 40, 45, var(--cui-bg-opacity, 1)) !important;
+  color: #fff !important;
+  background-color: RGBA(33, 38, 49, var(--cui-bg-opacity, 1)) !important;
 }
 
 .link-primary {
@@ -8472,9 +8499,9 @@ textarea.form-control-lg {
   text-decoration-color: RGBA(var(--cui-primary-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-primary:hover, .link-primary:focus {
-  color: RGBA(91, 76, 226, var(--cui-link-opacity, 1)) !important;
-  -webkit-text-decoration-color: RGBA(91, 76, 226, var(--cui-link-underline-opacity, 1)) !important;
-  text-decoration-color: RGBA(91, 76, 226, var(--cui-link-underline-opacity, 1)) !important;
+  color: RGBA(70, 69, 171, var(--cui-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(70, 69, 171, var(--cui-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(70, 69, 171, var(--cui-link-underline-opacity, 1)) !important;
 }
 
 .link-secondary {
@@ -8483,9 +8510,9 @@ textarea.form-control-lg {
   text-decoration-color: RGBA(var(--cui-secondary-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-secondary:hover, .link-secondary:focus {
-  color: RGBA(126, 132, 142, var(--cui-link-opacity, 1)) !important;
-  -webkit-text-decoration-color: RGBA(126, 132, 142, var(--cui-link-underline-opacity, 1)) !important;
-  text-decoration-color: RGBA(126, 132, 142, var(--cui-link-underline-opacity, 1)) !important;
+  color: RGBA(177, 183, 193, var(--cui-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(177, 183, 193, var(--cui-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(177, 183, 193, var(--cui-link-underline-opacity, 1)) !important;
 }
 
 .link-success {
@@ -8494,9 +8521,9 @@ textarea.form-control-lg {
   text-decoration-color: RGBA(var(--cui-success-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-success:hover, .link-success:focus {
-  color: RGBA(37, 147, 74, var(--cui-link-opacity, 1)) !important;
-  -webkit-text-decoration-color: RGBA(37, 147, 74, var(--cui-link-underline-opacity, 1)) !important;
-  text-decoration-color: RGBA(37, 147, 74, var(--cui-link-underline-opacity, 1)) !important;
+  color: RGBA(88, 198, 125, var(--cui-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(88, 198, 125, var(--cui-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(88, 198, 125, var(--cui-link-underline-opacity, 1)) !important;
 }
 
 .link-info {
@@ -8516,9 +8543,9 @@ textarea.form-control-lg {
   text-decoration-color: RGBA(var(--cui-warning-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-warning:hover, .link-warning:focus {
-  color: RGBA(199, 142, 17, var(--cui-link-opacity, 1)) !important;
-  -webkit-text-decoration-color: RGBA(199, 142, 17, var(--cui-link-underline-opacity, 1)) !important;
-  text-decoration-color: RGBA(199, 142, 17, var(--cui-link-underline-opacity, 1)) !important;
+  color: RGBA(250, 193, 68, var(--cui-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(250, 193, 68, var(--cui-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(250, 193, 68, var(--cui-link-underline-opacity, 1)) !important;
 }
 
 .link-danger {
@@ -8538,9 +8565,9 @@ textarea.form-control-lg {
   text-decoration-color: RGBA(var(--cui-light-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-light:hover, .link-light:focus {
-  color: RGBA(194, 195, 198, var(--cui-link-opacity, 1)) !important;
-  -webkit-text-decoration-color: RGBA(194, 195, 198, var(--cui-link-underline-opacity, 1)) !important;
-  text-decoration-color: RGBA(194, 195, 198, var(--cui-link-underline-opacity, 1)) !important;
+  color: RGBA(245, 246, 249, var(--cui-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(245, 246, 249, var(--cui-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(245, 246, 249, var(--cui-link-underline-opacity, 1)) !important;
 }
 
 .link-dark {
@@ -8549,9 +8576,9 @@ textarea.form-control-lg {
   text-decoration-color: RGBA(var(--cui-dark-rgb), var(--cui-link-underline-opacity, 1)) !important;
 }
 .link-dark:hover, .link-dark:focus {
-  color: RGBA(77, 81, 90, var(--cui-link-opacity, 1)) !important;
-  -webkit-text-decoration-color: RGBA(77, 81, 90, var(--cui-link-underline-opacity, 1)) !important;
-  text-decoration-color: RGBA(77, 81, 90, var(--cui-link-underline-opacity, 1)) !important;
+  color: RGBA(26, 30, 39, var(--cui-link-opacity, 1)) !important;
+  -webkit-text-decoration-color: RGBA(26, 30, 39, var(--cui-link-underline-opacity, 1)) !important;
+  text-decoration-color: RGBA(26, 30, 39, var(--cui-link-underline-opacity, 1)) !important;
 }
 
 .link-body-emphasis {
@@ -8779,7 +8806,7 @@ textarea.form-control-lg {
 .vr {
   display: inline-block;
   align-self: stretch;
-  width: 1px;
+  width: var(--cui-border-width);
   min-height: 1em;
   padding: 0;
   background-color: currentcolor;
@@ -8960,15 +8987,15 @@ textarea.form-control-lg {
 }
 
 .shadow {
-  box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15) !important;
+  box-shadow: var(--cui-box-shadow) !important;
 }
 
 .shadow-sm {
-  box-shadow: 0 0.125rem 0.25rem rgba(8, 10, 12, 0.075) !important;
+  box-shadow: var(--cui-box-shadow-sm) !important;
 }
 
 .shadow-lg {
-  box-shadow: 0 1rem 3rem rgba(8, 10, 12, 0.175) !important;
+  box-shadow: var(--cui-box-shadow-lg) !important;
 }
 
 .shadow-none {
@@ -9179,7 +9206,7 @@ textarea.form-control-lg {
 }
 
 .border-top-primary {
-  border-top-color: #321fdb !important;
+  border-top-color: #5856d6 !important;
 }
 
 .border-top-secondary {
@@ -9215,7 +9242,7 @@ textarea.form-control-lg {
 }
 
 .border-end-primary {
-  border-right-color: #321fdb !important;
+  border-right-color: #5856d6 !important;
 }
 
 .border-end-secondary {
@@ -9251,7 +9278,7 @@ textarea.form-control-lg {
 }
 
 .border-bottom-primary {
-  border-bottom-color: #321fdb !important;
+  border-bottom-color: #5856d6 !important;
 }
 
 .border-bottom-secondary {
@@ -9287,7 +9314,7 @@ textarea.form-control-lg {
 }
 
 .border-start-primary {
-  border-left-color: #321fdb !important;
+  border-left-color: #5856d6 !important;
 }
 
 .border-start-secondary {