@svelte-thing/tailwind-radix-colors 0.0.0

package/dist/indigo-alpha.css

@@ -0,0 +1,670 @@
+/* DO NOT edit directly. This file is generated. */
+
+:root, .dark, .light {
+  --indigo-a1-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.071 0.212 0.996 / 0.055);
+  --indigo-a1-dark: var(--media-dark) #1133ff0f;
+  --indigo-a1-light-p3: var(--media-p3) color(display-p3 0.02 0.02 0.51 / 0.008);
+  --indigo-a1-light: #00008002;
+  --indigo-a1: var(--indigo-a1-dark-p3, var(--indigo-a1-dark, var(--indigo-a1-light-p3, var(--indigo-a1-light))));
+  --indigo-a2-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.251 0.345 0.988 / 0.085);
+  --indigo-a2-dark: var(--media-dark) #3354fa17;
+  --indigo-a2-light-p3: var(--media-p3) color(display-p3 0.024 0.161 0.863 / 0.028);
+  --indigo-a2-light: #0040ff08;
+  --indigo-a2: var(--indigo-a2-dark-p3, var(--indigo-a2-dark, var(--indigo-a2-light-p3, var(--indigo-a2-light))));
+  --indigo-a3-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.243 0.404 1 / 0.223);
+  --indigo-a3-dark: var(--media-dark) #2f62ff3c;
+  --indigo-a3-light-p3: var(--media-p3) color(display-p3 0.008 0.239 0.886 / 0.067);
+  --indigo-a3-light: #0047f112;
+  --indigo-a3: var(--indigo-a3-dark-p3, var(--indigo-a3-dark, var(--indigo-a3-light-p3, var(--indigo-a3-light))));
+  --indigo-a4-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.263 0.42 1 / 0.324);
+  --indigo-a4-dark: var(--media-dark) #3566ff57;
+  --indigo-a4-light-p3: var(--media-p3) color(display-p3 0.004 0.247 1 / 0.114);
+  --indigo-a4-light: #0044ff1e;
+  --indigo-a4: var(--indigo-a4-dark-p3, var(--indigo-a4-dark, var(--indigo-a4-light-p3, var(--indigo-a4-light))));
+  --indigo-a5-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.314 0.451 1 / 0.4);
+  --indigo-a5-dark: var(--media-dark) #4171fd6b;
+  --indigo-a5-light-p3: var(--media-p3) color(display-p3 0.004 0.235 1 / 0.169);
+  --indigo-a5-light: #0044ff2d;
+  --indigo-a5: var(--indigo-a5-dark-p3, var(--indigo-a5-dark, var(--indigo-a5-light-p3, var(--indigo-a5-light))));
+  --indigo-a6-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.361 0.49 1 / 0.467);
+  --indigo-a6-dark: var(--media-dark) #5178fd7c;
+  --indigo-a6-light-p3: var(--media-p3) color(display-p3 0.004 0.208 0.984 / 0.232);
+  --indigo-a6-light: #003eff3e;
+  --indigo-a6: var(--indigo-a6-dark-p3, var(--indigo-a6-dark, var(--indigo-a6-light-p3, var(--indigo-a6-light))));
+  --indigo-a7-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.388 0.51 1 / 0.547);
+  --indigo-a7-dark: var(--media-dark) #5a7fff90;
+  --indigo-a7-light-p3: var(--media-p3) color(display-p3 0.004 0.176 0.863 / 0.314);
+  --indigo-a7-light: #0037ed54;
+  --indigo-a7: var(--indigo-a7-dark-p3, var(--indigo-a7-dark, var(--indigo-a7-light-p3, var(--indigo-a7-light))));
+  --indigo-a8-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.404 0.518 1 / 0.652);
+  --indigo-a8-dark: var(--media-dark) #5b81feac;
+  --indigo-a8-light-p3: var(--media-p3) color(display-p3 0.004 0.165 0.812 / 0.432);
+  --indigo-a8-light: #0034dc72;
+  --indigo-a8: var(--indigo-a8-dark-p3, var(--indigo-a8-dark, var(--indigo-a8-light-p3, var(--indigo-a8-light))));
+  --indigo-a9-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.318 0.451 1 / 0.824);
+  --indigo-a9-dark: var(--media-dark) #4671ffdb;
+  --indigo-a9-light-p3: var(--media-p3) color(display-p3 0 0.153 0.773 / 0.726);
+  --indigo-a9-light: #0031d2c1;
+  --indigo-a9: var(--indigo-a9-dark-p3, var(--indigo-a9-dark, var(--indigo-a9-light-p3, var(--indigo-a9-light))));
+  --indigo-a10-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.404 0.506 1 / 0.858);
+  --indigo-a10-dark: var(--media-dark) #5c7efee3;
+  --indigo-a10-light-p3: var(--media-p3) color(display-p3 0 0.137 0.737 / 0.765);
+  --indigo-a10-light: #002ec9cc;
+  --indigo-a10: var(--indigo-a10-dark-p3, var(--indigo-a10-dark, var(--indigo-a10-light-p3, var(--indigo-a10-light))));
+  --indigo-a11-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.63 0.69 1);
+  --indigo-a11-dark: var(--media-dark) #9eb1ff;
+  --indigo-a11-light-p3: var(--media-p3) color(display-p3 0.256 0.354 0.755);
+  --indigo-a11-light: #002bb7c5;
+  --indigo-a11: var(--indigo-a11-dark-p3, var(--indigo-a11-dark, var(--indigo-a11-light-p3, var(--indigo-a11-light))));
+  --indigo-a12-dark-p3: var(--media-dark) var(--media-p3) color(display-p3 0.848 0.881 0.99);
+  --indigo-a12-dark: var(--media-dark) #d6e1ff;
+  --indigo-a12-light-p3: var(--media-p3) color(display-p3 0.133 0.175 0.348);
+  --indigo-a12-light: #001046e0;
+  --indigo-a12: var(--indigo-a12-dark-p3, var(--indigo-a12-dark, var(--indigo-a12-light-p3, var(--indigo-a12-light))));
+}
+
+@utility bg-indigo-a1 {
+  background-color: var(--indigo-a1);
+}
+
+@utility text-indigo-a1 {
+  color: var(--indigo-a1);
+}
+
+@utility border-indigo-a1 {
+  border-color: var(--indigo-a1);
+}
+
+@utility divide-indigo-a1 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--indigo-a1);
+  }
+}
+
+@utility ring-indigo-a1 {
+  --tw-ring-color: var(--indigo-a1);
+}
+
+@utility stroke-indigo-a1 {
+  stroke: var(--indigo-a1);
+}
+
+@utility fill-indigo-a1 {
+  fill: var(--indigo-a1);
+}
+
+@utility placeholder-indigo-a1 {
+  &::placeholder {
+    color: var(--indigo-a1);
+  }
+}
+
+@utility caret-indigo-a1 {
+  caret-color: var(--indigo-a1);
+}
+
+@utility outline-indigo-a1 {
+  outline-color: var(--indigo-a1);
+}
+
+@utility decoration-indigo-a1 {
+  text-decoration-color: var(--indigo-a1);
+}
+
+@utility brand-indigo-alpha {
+  --brand-a1: var(--indigo-a1);
+  --brand-a2: var(--indigo-a2);
+  --brand-a3: var(--indigo-a3);
+  --brand-a4: var(--indigo-a4);
+  --brand-a5: var(--indigo-a5);
+  --brand-a6: var(--indigo-a6);
+  --brand-a7: var(--indigo-a7);
+  --brand-a8: var(--indigo-a8);
+  --brand-a9: var(--indigo-a9);
+  --brand-a10: var(--indigo-a10);
+  --brand-a11: var(--indigo-a11);
+  --brand-a12: var(--indigo-a12);
+}
+
+@utility neutral-indigo-alpha {
+  --neutral-a1: var(--indigo-a1);
+  --neutral-a2: var(--indigo-a2);
+  --neutral-a3: var(--indigo-a3);
+  --neutral-a4: var(--indigo-a4);
+  --neutral-a5: var(--indigo-a5);
+  --neutral-a6: var(--indigo-a6);
+  --neutral-a7: var(--indigo-a7);
+  --neutral-a8: var(--indigo-a8);
+  --neutral-a9: var(--indigo-a9);
+  --neutral-a10: var(--indigo-a10);
+  --neutral-a11: var(--indigo-a11);
+  --neutral-a12: var(--indigo-a12);
+}
+
+@utility bg-indigo-a2 {
+  background-color: var(--indigo-a2);
+}
+
+@utility text-indigo-a2 {
+  color: var(--indigo-a2);
+}
+
+@utility border-indigo-a2 {
+  border-color: var(--indigo-a2);
+}
+
+@utility divide-indigo-a2 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--indigo-a2);
+  }
+}
+
+@utility ring-indigo-a2 {
+  --tw-ring-color: var(--indigo-a2);
+}
+
+@utility stroke-indigo-a2 {
+  stroke: var(--indigo-a2);
+}
+
+@utility fill-indigo-a2 {
+  fill: var(--indigo-a2);
+}
+
+@utility placeholder-indigo-a2 {
+  &::placeholder {
+    color: var(--indigo-a2);
+  }
+}
+
+@utility caret-indigo-a2 {
+  caret-color: var(--indigo-a2);
+}
+
+@utility outline-indigo-a2 {
+  outline-color: var(--indigo-a2);
+}
+
+@utility decoration-indigo-a2 {
+  text-decoration-color: var(--indigo-a2);
+}
+
+@utility bg-indigo-a3 {
+  background-color: var(--indigo-a3);
+}
+
+@utility text-indigo-a3 {
+  color: var(--indigo-a3);
+}
+
+@utility border-indigo-a3 {
+  border-color: var(--indigo-a3);
+}
+
+@utility divide-indigo-a3 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--indigo-a3);
+  }
+}
+
+@utility ring-indigo-a3 {
+  --tw-ring-color: var(--indigo-a3);
+}
+
+@utility stroke-indigo-a3 {
+  stroke: var(--indigo-a3);
+}
+
+@utility fill-indigo-a3 {
+  fill: var(--indigo-a3);
+}
+
+@utility placeholder-indigo-a3 {
+  &::placeholder {
+    color: var(--indigo-a3);
+  }
+}
+
+@utility caret-indigo-a3 {
+  caret-color: var(--indigo-a3);
+}
+
+@utility outline-indigo-a3 {
+  outline-color: var(--indigo-a3);
+}
+
+@utility decoration-indigo-a3 {
+  text-decoration-color: var(--indigo-a3);
+}
+
+@utility bg-indigo-a4 {
+  background-color: var(--indigo-a4);
+}
+
+@utility text-indigo-a4 {
+  color: var(--indigo-a4);
+}
+
+@utility border-indigo-a4 {
+  border-color: var(--indigo-a4);
+}
+
+@utility divide-indigo-a4 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--indigo-a4);
+  }
+}
+
+@utility ring-indigo-a4 {
+  --tw-ring-color: var(--indigo-a4);
+}
+
+@utility stroke-indigo-a4 {
+  stroke: var(--indigo-a4);
+}
+
+@utility fill-indigo-a4 {
+  fill: var(--indigo-a4);
+}
+
+@utility placeholder-indigo-a4 {
+  &::placeholder {
+    color: var(--indigo-a4);
+  }
+}
+
+@utility caret-indigo-a4 {
+  caret-color: var(--indigo-a4);
+}
+
+@utility outline-indigo-a4 {
+  outline-color: var(--indigo-a4);
+}
+
+@utility decoration-indigo-a4 {
+  text-decoration-color: var(--indigo-a4);
+}
+
+@utility bg-indigo-a5 {
+  background-color: var(--indigo-a5);
+}
+
+@utility text-indigo-a5 {
+  color: var(--indigo-a5);
+}
+
+@utility border-indigo-a5 {
+  border-color: var(--indigo-a5);
+}
+
+@utility divide-indigo-a5 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--indigo-a5);
+  }
+}
+
+@utility ring-indigo-a5 {
+  --tw-ring-color: var(--indigo-a5);
+}
+
+@utility stroke-indigo-a5 {
+  stroke: var(--indigo-a5);
+}
+
+@utility fill-indigo-a5 {
+  fill: var(--indigo-a5);
+}
+
+@utility placeholder-indigo-a5 {
+  &::placeholder {
+    color: var(--indigo-a5);
+  }
+}
+
+@utility caret-indigo-a5 {
+  caret-color: var(--indigo-a5);
+}
+
+@utility outline-indigo-a5 {
+  outline-color: var(--indigo-a5);
+}
+
+@utility decoration-indigo-a5 {
+  text-decoration-color: var(--indigo-a5);
+}
+
+@utility bg-indigo-a6 {
+  background-color: var(--indigo-a6);
+}
+
+@utility text-indigo-a6 {
+  color: var(--indigo-a6);
+}
+
+@utility border-indigo-a6 {
+  border-color: var(--indigo-a6);
+}
+
+@utility divide-indigo-a6 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--indigo-a6);
+  }
+}
+
+@utility ring-indigo-a6 {
+  --tw-ring-color: var(--indigo-a6);
+}
+
+@utility stroke-indigo-a6 {
+  stroke: var(--indigo-a6);
+}
+
+@utility fill-indigo-a6 {
+  fill: var(--indigo-a6);
+}
+
+@utility placeholder-indigo-a6 {
+  &::placeholder {
+    color: var(--indigo-a6);
+  }
+}
+
+@utility caret-indigo-a6 {
+  caret-color: var(--indigo-a6);
+}
+
+@utility outline-indigo-a6 {
+  outline-color: var(--indigo-a6);
+}
+
+@utility decoration-indigo-a6 {
+  text-decoration-color: var(--indigo-a6);
+}
+
+@utility bg-indigo-a7 {
+  background-color: var(--indigo-a7);
+}
+
+@utility text-indigo-a7 {
+  color: var(--indigo-a7);
+}
+
+@utility border-indigo-a7 {
+  border-color: var(--indigo-a7);
+}
+
+@utility divide-indigo-a7 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--indigo-a7);
+  }
+}
+
+@utility ring-indigo-a7 {
+  --tw-ring-color: var(--indigo-a7);
+}
+
+@utility stroke-indigo-a7 {
+  stroke: var(--indigo-a7);
+}
+
+@utility fill-indigo-a7 {
+  fill: var(--indigo-a7);
+}
+
+@utility placeholder-indigo-a7 {
+  &::placeholder {
+    color: var(--indigo-a7);
+  }
+}
+
+@utility caret-indigo-a7 {
+  caret-color: var(--indigo-a7);
+}
+
+@utility outline-indigo-a7 {
+  outline-color: var(--indigo-a7);
+}
+
+@utility decoration-indigo-a7 {
+  text-decoration-color: var(--indigo-a7);
+}
+
+@utility bg-indigo-a8 {
+  background-color: var(--indigo-a8);
+}
+
+@utility text-indigo-a8 {
+  color: var(--indigo-a8);
+}
+
+@utility border-indigo-a8 {
+  border-color: var(--indigo-a8);
+}
+
+@utility divide-indigo-a8 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--indigo-a8);
+  }
+}
+
+@utility ring-indigo-a8 {
+  --tw-ring-color: var(--indigo-a8);
+}
+
+@utility stroke-indigo-a8 {
+  stroke: var(--indigo-a8);
+}
+
+@utility fill-indigo-a8 {
+  fill: var(--indigo-a8);
+}
+
+@utility placeholder-indigo-a8 {
+  &::placeholder {
+    color: var(--indigo-a8);
+  }
+}
+
+@utility caret-indigo-a8 {
+  caret-color: var(--indigo-a8);
+}
+
+@utility outline-indigo-a8 {
+  outline-color: var(--indigo-a8);
+}
+
+@utility decoration-indigo-a8 {
+  text-decoration-color: var(--indigo-a8);
+}
+
+@utility bg-indigo-a9 {
+  background-color: var(--indigo-a9);
+}
+
+@utility text-indigo-a9 {
+  color: var(--indigo-a9);
+}
+
+@utility border-indigo-a9 {
+  border-color: var(--indigo-a9);
+}
+
+@utility divide-indigo-a9 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--indigo-a9);
+  }
+}
+
+@utility ring-indigo-a9 {
+  --tw-ring-color: var(--indigo-a9);
+}
+
+@utility stroke-indigo-a9 {
+  stroke: var(--indigo-a9);
+}
+
+@utility fill-indigo-a9 {
+  fill: var(--indigo-a9);
+}
+
+@utility placeholder-indigo-a9 {
+  &::placeholder {
+    color: var(--indigo-a9);
+  }
+}
+
+@utility caret-indigo-a9 {
+  caret-color: var(--indigo-a9);
+}
+
+@utility outline-indigo-a9 {
+  outline-color: var(--indigo-a9);
+}
+
+@utility decoration-indigo-a9 {
+  text-decoration-color: var(--indigo-a9);
+}
+
+@utility bg-indigo-a10 {
+  background-color: var(--indigo-a10);
+}
+
+@utility text-indigo-a10 {
+  color: var(--indigo-a10);
+}
+
+@utility border-indigo-a10 {
+  border-color: var(--indigo-a10);
+}
+
+@utility divide-indigo-a10 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--indigo-a10);
+  }
+}
+
+@utility ring-indigo-a10 {
+  --tw-ring-color: var(--indigo-a10);
+}
+
+@utility stroke-indigo-a10 {
+  stroke: var(--indigo-a10);
+}
+
+@utility fill-indigo-a10 {
+  fill: var(--indigo-a10);
+}
+
+@utility placeholder-indigo-a10 {
+  &::placeholder {
+    color: var(--indigo-a10);
+  }
+}
+
+@utility caret-indigo-a10 {
+  caret-color: var(--indigo-a10);
+}
+
+@utility outline-indigo-a10 {
+  outline-color: var(--indigo-a10);
+}
+
+@utility decoration-indigo-a10 {
+  text-decoration-color: var(--indigo-a10);
+}
+
+@utility bg-indigo-a11 {
+  background-color: var(--indigo-a11);
+}
+
+@utility text-indigo-a11 {
+  color: var(--indigo-a11);
+}
+
+@utility border-indigo-a11 {
+  border-color: var(--indigo-a11);
+}
+
+@utility divide-indigo-a11 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--indigo-a11);
+  }
+}
+
+@utility ring-indigo-a11 {
+  --tw-ring-color: var(--indigo-a11);
+}
+
+@utility stroke-indigo-a11 {
+  stroke: var(--indigo-a11);
+}
+
+@utility fill-indigo-a11 {
+  fill: var(--indigo-a11);
+}
+
+@utility placeholder-indigo-a11 {
+  &::placeholder {
+    color: var(--indigo-a11);
+  }
+}
+
+@utility caret-indigo-a11 {
+  caret-color: var(--indigo-a11);
+}
+
+@utility outline-indigo-a11 {
+  outline-color: var(--indigo-a11);
+}
+
+@utility decoration-indigo-a11 {
+  text-decoration-color: var(--indigo-a11);
+}
+
+@utility bg-indigo-a12 {
+  background-color: var(--indigo-a12);
+}
+
+@utility text-indigo-a12 {
+  color: var(--indigo-a12);
+}
+
+@utility border-indigo-a12 {
+  border-color: var(--indigo-a12);
+}
+
+@utility divide-indigo-a12 {
+  :where(& > :not(:last-child)) {
+    border-color: var(--indigo-a12);
+  }
+}
+
+@utility ring-indigo-a12 {
+  --tw-ring-color: var(--indigo-a12);
+}
+
+@utility stroke-indigo-a12 {
+  stroke: var(--indigo-a12);
+}
+
+@utility fill-indigo-a12 {
+  fill: var(--indigo-a12);
+}
+
+@utility placeholder-indigo-a12 {
+  &::placeholder {
+    color: var(--indigo-a12);
+  }
+}
+
+@utility caret-indigo-a12 {
+  caret-color: var(--indigo-a12);
+}
+
+@utility outline-indigo-a12 {
+  outline-color: var(--indigo-a12);
+}
+
+@utility decoration-indigo-a12 {
+  text-decoration-color: var(--indigo-a12);
+}