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

package/dist/css/coreui-reboot.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- * CoreUI Reboot v5.0.0-alpha.1 (https://coreui.io)
+ * CoreUI Reboot 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 {
 
 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],