lib/generators/css_zero/install/templates/app/assets/stylesheets/base.css in css-zero-0.0.33 vs lib/generators/css_zero/install/templates/app/assets/stylesheets/base.css in css-zero-0.0.34

@@ -1,9 +1,9 @@
 :root {
   /* Abstractions */
   --color-bg: white;
-  --color-text: black;
+  --color-text: var(--zinc-950);
   --color-text-reversed: white;
   --color-text-subtle: var(--zinc-500);
   --color-link: var(--blue-700);
   --color-border-light: var(--zinc-100);
   --color-border: var(--zinc-200);
@@ -16,21 +16,21 @@
   --color-secondary: var(--zinc-100);
   --color-negative: var(--red-600);
   --color-positive: var(--green-600);
 
   /* SVG color values */
-  --color-filter-text: invert(0);
+  --color-filter-text: invert(2%) sepia(3%) saturate(3904%) hue-rotate(201deg) brightness(98%) contrast(97%);
   --color-filter-text-reversed: invert(100%);
-  --color-filter-text-subtle: invert(43%) sepia(8%) saturate(340%) hue-rotate(202deg) brightness(99%) contrast(85%);
-  --color-filter-negative: invert(31%) sepia(96%) saturate(4646%) hue-rotate(350deg) brightness(91%) contrast(89%);
-  --color-filter-positive: invert(48%) sepia(74%) saturate(520%) hue-rotate(90deg) brightness(89%) contrast(90%);
+  --color-filter-text-subtle: invert(46%) sepia(8%) saturate(371%) hue-rotate(202deg) brightness(93%) contrast(85%);
+  --color-filter-negative: invert(22%) sepia(85%) saturate(1790%) hue-rotate(339deg) brightness(105%) contrast(108%);
+  --color-filter-positive: invert(44%) sepia(89%) saturate(409%) hue-rotate(89deg) brightness(94%) contrast(97%);
 
   @media (prefers-color-scheme: dark) {
     /* Abstractions */
     --color-bg: var(--zinc-950);
     --color-text: white;
-    --color-text-reversed: black;
+    --color-text-reversed: var(--zinc-950);
     --color-text-subtle: var(--zinc-400);
     --color-link: var(--sky-400);
     --color-border-light: var(--zinc-800);
     --color-border: var(--zinc-800);
     --color-border-dark: var(--zinc-600);
@@ -43,13 +43,13 @@
     --color-negative: var(--red-900);
     --color-positive: var(--green-900);
 
     /* SVG color values */
     --color-filter-text: invert(100%);
-    --color-filter-text-reversed: invert(0);
-    --color-filter-text-subtle: invert(55%) sepia(98%) saturate(0%) hue-rotate(299deg) brightness(96%) contrast(94%);
-    --color-filter-negative: invert(15%) sepia(83%) saturate(2066%) hue-rotate(345deg) brightness(87%) contrast(88%);
-    --color-filter-positive: invert(23%) sepia(74%) saturate(495%) hue-rotate(91deg) brightness(88%) contrast(89%);
+    --color-filter-text-reversed: invert(2%) sepia(3%) saturate(3904%) hue-rotate(201deg) brightness(98%) contrast(97%);
+    --color-filter-text-subtle: invert(76%) sepia(8%) saturate(230%) hue-rotate(201deg) brightness(84%) contrast(87%);
+    --color-filter-negative: invert(16%) sepia(62%) saturate(2100%) hue-rotate(337deg) brightness(92%) contrast(100%);
+    --color-filter-positive: invert(21%) sepia(62%) saturate(549%) hue-rotate(91deg) brightness(101%) contrast(91%);
   }
 }
 
 * {
   border-color: var(--color-border);