@class-kit/vue 0.1.2 → 0.1.3

package/dist/styles/themes/minimal.css

@@ -1,5 +1,11 @@
 .cc-theme-minimal,
 [data-cc-theme="minimal"] {
+  --cc-page-background: #ffffff;
+  --cc-page-background-image: none;
+  --cc-page-color: #111318;
+  --cc-page-muted-color: #59626e;
+  --cc-page-accent-color: #050608;
+  --cc-page-surface-color: #ffffff;
   --cc-minimal-ink: #0b0d10;
   --cc-minimal-text: #20242a;
   --cc-minimal-muted: #58616c;
@@ -76,11 +82,7 @@
   --cc-switch-track-background: var(--cc-minimal-border);
   --cc-switch-track-checked-background: var(--cc-minimal-ink);
   --cc-switch-thumb-background: #ffffff;
-  --cc-rating-star-color: color-mix(
-    in srgb,
-    var(--cc-form-color-muted) 72%,
-    var(--cc-form-color-text)
-  );
+  --cc-rating-star-color: var(--cc-form-color-muted);
   --cc-rating-star-active-color: var(--cc-minimal-ink);
   --cc-date-picker-panel-shadow: var(--cc-shadow-floating);
   --cc-date-picker-day-hover-background: var(--cc-minimal-surface-muted);
@@ -181,8 +183,6 @@
   --cc-toast-border-color: var(--cc-minimal-border);
   --cc-toast-accent-color: var(--cc-minimal-ink);
   --cc-toast-shadow: 0 14px 34px rgba(12, 16, 22, 0.1);
-  --cc-theme-backdrop-filter: none;
-  --cc-theme-overlay-backdrop-filter: none;
   --cc-theme-glass-highlight: linear-gradient(
     135deg,
     rgba(255, 255, 255, 0.72),
@@ -257,11 +257,7 @@
   --cc-select-check-color: #08090b;
   --cc-switch-track-background: #d9dde4;
   --cc-switch-track-checked-background: #08090b;
-  --cc-rating-star-color: color-mix(
-    in srgb,
-    var(--cc-form-color-muted) 72%,
-    var(--cc-form-color-text)
-  );
+  --cc-rating-star-color: var(--cc-form-color-muted);
   --cc-rating-star-active-color: #08090b;
   --cc-tabs-tab-active-color: #08090b;
   --cc-tabs-list-border-color: #cfd4dc;
@@ -353,11 +349,7 @@
   --cc-choice-checked-border-color: #050608;
   --cc-switch-track-background: #d7dce3;
   --cc-switch-track-checked-background: #050608;
-  --cc-rating-star-color: color-mix(
-    in srgb,
-    var(--cc-form-color-muted) 72%,
-    var(--cc-form-color-text)
-  );
+  --cc-rating-star-color: var(--cc-form-color-muted);
   --cc-rating-star-active-color: #050608;
   --cc-tabs-list-border-color: #c8ced7;
   --cc-tabs-tab-active-color: #050608;
@@ -409,3 +401,15 @@
   --cc-code-preview-shadow:
     0 1px 2px rgba(12, 16, 22, 0.06), 0 18px 42px rgba(12, 16, 22, 0.1);
 }
+
+.cc-theme-minimal,
+[data-cc-theme="minimal"] {
+  --cc-menu-background: #ffffff;
+  --cc-menu-border-color: #d8dde5;
+  --cc-menu-shadow:
+    0 1px 2px rgba(12, 16, 22, 0.05), 0 18px 42px rgba(12, 16, 22, 0.1);
+  --cc-menu-focus-shadow: 0 0 0 3px rgba(5, 6, 8, 0.13);
+  --cc-scrollbar-track-color: rgba(5, 6, 8, 0.06);
+  --cc-scrollbar-thumb-color: rgba(5, 6, 8, 0.42);
+  --cc-scrollbar-thumb-hover-color: rgba(5, 6, 8, 0.68);
+}

package/dist/styles/themes/soft-pink.css

@@ -1,5 +1,16 @@
 .cc-theme-soft-pink,
 [data-cc-theme="soft-pink"] {
+  --cc-page-background: #fff7fa;
+  --cc-page-background-image: linear-gradient(
+    135deg,
+    #fff7fa 0%,
+    #ffffff 54%,
+    #fff0f6 100%
+  );
+  --cc-page-color: #372230;
+  --cc-page-muted-color: #775466;
+  --cc-page-accent-color: #bd2f71;
+  --cc-page-surface-color: #ffffff;
   --cc-color-text: #2e2027;
   --cc-color-muted: #a88498;
   --cc-color-border: #f4e6ed;
@@ -66,11 +77,7 @@
   --cc-switch-track-background: #f4e6ed;
   --cc-switch-track-checked-background: #d64d8c;
   --cc-switch-thumb-background: #ffffff;
-  --cc-rating-star-color: color-mix(
-    in srgb,
-    var(--cc-form-color-muted) 72%,
-    var(--cc-form-color-text)
-  );
+  --cc-rating-star-color: var(--cc-form-color-muted);
   --cc-rating-star-active-color: #d64d8c;
   --cc-date-picker-panel-shadow: var(--cc-shadow-floating);
   --cc-date-picker-day-hover-background: #fcf5f8;
@@ -180,8 +187,6 @@
   --cc-toast-border-color: #f4e6ed;
   --cc-toast-accent-color: #d64d8c;
   --cc-toast-shadow: 0 12px 30px rgba(214, 77, 140, 0.16);
-  --cc-theme-backdrop-filter: none;
-  --cc-theme-overlay-backdrop-filter: none;
   --cc-theme-glass-highlight: linear-gradient(
     135deg,
     rgba(255, 255, 255, 0.72),
@@ -250,11 +255,7 @@
   --cc-select-check-color: #c93678;
   --cc-switch-track-background: #ead2de;
   --cc-switch-track-checked-background: #c93678;
-  --cc-rating-star-color: color-mix(
-    in srgb,
-    var(--cc-form-color-muted) 72%,
-    var(--cc-form-color-text)
-  );
+  --cc-rating-star-color: var(--cc-form-color-muted);
   --cc-rating-star-active-color: #c93678;
   --cc-tabs-tab-active-color: #c93678;
   --cc-tabs-list-border-color: #e7cdda;
@@ -339,11 +340,7 @@
   --cc-button-ghost-color: #bd2f71;
   --cc-switch-track-background: #e8cfdb;
   --cc-switch-track-checked-background: #bd2f71;
-  --cc-rating-star-color: color-mix(
-    in srgb,
-    var(--cc-form-color-muted) 72%,
-    var(--cc-form-color-text)
-  );
+  --cc-rating-star-color: var(--cc-form-color-muted);
   --cc-rating-star-active-color: #bd2f71;
   --cc-tabs-tab-active-color: #bd2f71;
   --cc-tabs-list-border-color: #e4c8d5;
@@ -374,3 +371,15 @@
   --cc-code-preview-accent-color: #bd2f71;
   --cc-code-preview-line-color: rgba(189, 47, 113, 0.42);
 }
+
+.cc-theme-soft-pink,
+[data-cc-theme="soft-pink"] {
+  --cc-menu-background: #fffafd;
+  --cc-menu-border-color: #ead1dc;
+  --cc-menu-shadow:
+    0 1px 2px rgba(47, 23, 37, 0.04), 0 18px 42px rgba(189, 47, 113, 0.13);
+  --cc-menu-focus-shadow: 0 0 0 3px rgba(189, 47, 113, 0.16);
+  --cc-scrollbar-track-color: rgba(189, 47, 113, 0.1);
+  --cc-scrollbar-thumb-color: rgba(189, 47, 113, 0.38);
+  --cc-scrollbar-thumb-hover-color: #bd2f71;
+}