@umbra.ui/colors 0.1.0

package/src/tomato-dark.css

@@ -0,0 +1,33 @@
+.dark, .dark-theme {
+  --tomato-1: #181111;
+  --tomato-2: #1f1513;
+  --tomato-3: #391714;
+  --tomato-4: #4e1511;
+  --tomato-5: #5e1c16;
+  --tomato-6: #6e2920;
+  --tomato-7: #853a2d;
+  --tomato-8: #ac4d39;
+  --tomato-9: #e54d2e;
+  --tomato-10: #ec6142;
+  --tomato-11: #ff977d;
+  --tomato-12: #fbd3cb;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    .dark, .dark-theme {
+      --tomato-1: color(display-p3 0.09 0.068 0.067);
+      --tomato-2: color(display-p3 0.115 0.084 0.076);
+      --tomato-3: color(display-p3 0.205 0.097 0.083);
+      --tomato-4: color(display-p3 0.282 0.099 0.077);
+      --tomato-5: color(display-p3 0.339 0.129 0.101);
+      --tomato-6: color(display-p3 0.398 0.179 0.141);
+      --tomato-7: color(display-p3 0.487 0.245 0.194);
+      --tomato-8: color(display-p3 0.629 0.322 0.248);
+      --tomato-9: color(display-p3 0.831 0.345 0.231);
+      --tomato-10: color(display-p3 0.862 0.415 0.298);
+      --tomato-11: color(display-p3 1 0.585 0.455);
+      --tomato-12: color(display-p3 0.959 0.833 0.802);
+    }
+  }
+}

package/src/tomato.css

@@ -0,0 +1,33 @@
+:root, .light, .light-theme {
+  --tomato-1: #fffcfc;
+  --tomato-2: #fff8f7;
+  --tomato-3: #feebe7;
+  --tomato-4: #ffdcd3;
+  --tomato-5: #ffcdc2;
+  --tomato-6: #fdbdaf;
+  --tomato-7: #f5a898;
+  --tomato-8: #ec8e7b;
+  --tomato-9: #e54d2e;
+  --tomato-10: #dd4425;
+  --tomato-11: #d13415;
+  --tomato-12: #5c271f;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+  @media (color-gamut: p3) {
+    :root, .light, .light-theme {
+      --tomato-1: color(display-p3 0.998 0.989 0.988);
+      --tomato-2: color(display-p3 0.994 0.974 0.969);
+      --tomato-3: color(display-p3 0.985 0.924 0.909);
+      --tomato-4: color(display-p3 0.996 0.868 0.835);
+      --tomato-5: color(display-p3 0.98 0.812 0.77);
+      --tomato-6: color(display-p3 0.953 0.75 0.698);
+      --tomato-7: color(display-p3 0.917 0.673 0.611);
+      --tomato-8: color(display-p3 0.875 0.575 0.502);
+      --tomato-9: color(display-p3 0.831 0.345 0.231);
+      --tomato-10: color(display-p3 0.802 0.313 0.2);
+      --tomato-11: color(display-p3 0.755 0.259 0.152);
+      --tomato-12: color(display-p3 0.335 0.165 0.132);
+    }
+  }
+}

package/src/types/blackA.d.ts

@@ -0,0 +1,28 @@
+export declare const blackA: {
+    blackA1: string;
+    blackA2: string;
+    blackA3: string;
+    blackA4: string;
+    blackA5: string;
+    blackA6: string;
+    blackA7: string;
+    blackA8: string;
+    blackA9: string;
+    blackA10: string;
+    blackA11: string;
+    blackA12: string;
+};
+export declare const blackP3A: {
+    blackA1: string;
+    blackA2: string;
+    blackA3: string;
+    blackA4: string;
+    blackA5: string;
+    blackA6: string;
+    blackA7: string;
+    blackA8: string;
+    blackA9: string;
+    blackA10: string;
+    blackA11: string;
+    blackA12: string;
+};