@frosted-ui/colors 0.0.1-canary.49 → 0.0.1-canary.50

package/orange-alpha.css

@@ -1,33 +1,33 @@
 :root, .light, .light-theme {
-  --orange-a1: #c0400004;
-  --orange-a2: #ff8e0012;
-  --orange-a3: #ff9c0029;
-  --orange-a4: #ff91014a;
-  --orange-a5: #ff8b0065;
-  --orange-a6: #ff81007d;
-  --orange-a7: #ed6c008c;
-  --orange-a8: #e35f00aa;
-  --orange-a9: #f65e00ea;
-  --orange-a10: #ef5f00;
-  --orange-a11: #cc4e00;
-  --orange-a12: #431200e2;
+  --orange-a1: #ff400004;
+  --orange-a2: #ff46000b;
+  --orange-a3: #ff39001b;
+  --orange-a4: #ff400034;
+  --orange-a5: #ff3e0047;
+  --orange-a6: #ff3b005c;
+  --orange-a7: #ff320072;
+  --orange-a8: #f12e0091;
+  --orange-a9: #fa3500e9;
+  --orange-a10: #ec3400;
+  --orange-a11: #dd2400;
+  --orange-a12: #4e0e00e7;
 }
 
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
     :root, .light, .light-theme {
-      --orange-a1: color(display-p3 0.757 0.267 0.024 / 0.016);
-      --orange-a2: color(display-p3 0.886 0.533 0.008 / 0.067);
-      --orange-a3: color(display-p3 0.922 0.584 0.008 / 0.15);
-      --orange-a4: color(display-p3 1 0.604 0.004 / 0.314);
-      --orange-a5: color(display-p3 1 0.569 0.004 / 0.416);
-      --orange-a6: color(display-p3 0.949 0.494 0.004 / 0.455);
-      --orange-a7: color(display-p3 0.839 0.408 0 / 0.514);
-      --orange-a8: color(display-p3 0.804 0.349 0 / 0.62);
-      --orange-a9: color(display-p3 0.878 0.314 0 / 0.8);
-      --orange-a10: color(display-p3 0.843 0.29 0 / 0.836);
-      --orange-a11: color(display-p3 0.76 0.34 0);
-      --orange-a12: color(display-p3 0.323 0.185 0.127);
+      --orange-a1: color(display-p3 0.7569 0.2667 0.0235 / 0.016);
+      --orange-a2: color(display-p3 0.9137 0.2902 0.0196 / 0.044);
+      --orange-a3: color(display-p3 0.8471 0.2314 0.0039 / 0.102);
+      --orange-a4: color(display-p3 0.8824 0.2471 0.0078 / 0.197);
+      --orange-a5: color(display-p3 0.8863 0.2392 0.0039 / 0.267);
+      --orange-a6: color(display-p3 0.8745 0.2314 0.0039 / 0.346);
+      --orange-a7: color(display-p3 0.8824 0.1961 0.0039 / 0.428);
+      --orange-a8: color(display-p3 0.8353 0.1882 0 / 0.546);
+      --orange-a9: color(display-p3 0.8863 0.1843 0 / 0.816);
+      --orange-a10: color(display-p3 0.8275 0.1608 0 / 0.863);
+      --orange-a11: color(display-p3 0.7686 0.1176 0 / 0.879);
+      --orange-a12: color(display-p3 0.2627 0.0549 0 / 0.891);
     }
   }
 }

package/orange-dark-alpha.css

@@ -1,33 +1,33 @@
 .dark, .dark-theme {
-  --orange-a1: #ec360007;
-  --orange-a2: #fe6d000e;
-  --orange-a3: #fb6a0025;
-  --orange-a4: #ff590039;
-  --orange-a5: #ff61004a;
-  --orange-a6: #fd75045c;
-  --orange-a7: #ff832c75;
-  --orange-a8: #fe84389d;
-  --orange-a9: #fe6d15f7;
-  --orange-a10: #ff801f;
-  --orange-a11: #ffa057;
-  --orange-a12: #ffe0c2;
+  --orange-a1: #ec000007;
+  --orange-a2: #ff44220f;
+  --orange-a3: #ff28002d;
+  --orange-a4: #fe0e0046;
+  --orange-a5: #ff230058;
+  --orange-a6: #ff401469;
+  --orange-a7: #ff583183;
+  --orange-a8: #ff5d39af;
+  --orange-a9: #ff4716fa;
+  --orange-a10: #ff3a00ea;
+  --orange-a11: #ff9275;
+  --orange-a12: #ffd2c6;
 }
 
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
     .dark, .dark-theme {
-      --orange-a1: color(display-p3 0.961 0.247 0 / 0.022);
-      --orange-a2: color(display-p3 0.992 0.529 0 / 0.051);
-      --orange-a3: color(display-p3 0.996 0.486 0 / 0.131);
-      --orange-a4: color(display-p3 0.996 0.384 0 / 0.211);
-      --orange-a5: color(display-p3 1 0.455 0 / 0.265);
-      --orange-a6: color(display-p3 1 0.529 0.129 / 0.332);
-      --orange-a7: color(display-p3 1 0.569 0.251 / 0.429);
-      --orange-a8: color(display-p3 1 0.584 0.302 / 0.572);
-      --orange-a9: color(display-p3 1 0.494 0.216 / 0.895);
-      --orange-a10: color(display-p3 1 0.522 0.235 / 0.979);
-      --orange-a11: color(display-p3 1 0.63 0.38);
-      --orange-a12: color(display-p3 0.98 0.883 0.775);
+      --orange-a1: color(display-p3 0.9608 0 0 / 0.022);
+      --orange-a2: color(display-p3 0.9922 0.298 0.1451 / 0.051);
+      --orange-a3: color(display-p3 1 0.2196 0.0196 / 0.156);
+      --orange-a4: color(display-p3 1 0.149 0 / 0.244);
+      --orange-a5: color(display-p3 1 0.2196 0.0196 / 0.311);
+      --orange-a6: color(display-p3 1 0.3294 0.149 / 0.374);
+      --orange-a7: color(display-p3 1 0.4118 0.2588 / 0.471);
+      --orange-a8: color(display-p3 1 0.4353 0.2941 / 0.631);
+      --orange-a9: color(display-p3 0.9961 0.3608 0.1961 / 0.9);
+      --orange-a10: color(display-p3 1 0.3176 0.149 / 0.837);
+      --orange-a11: color(display-p3 1 0.6275 0.5137 / 0.937);
+      --orange-a12: color(display-p3 1 0.8549 0.8078 / 0.971);
     }
   }
 }

package/orange-dark.css

@@ -1,33 +1,33 @@
 .dark, .dark-theme {
-  --orange-1: #17120e;
-  --orange-2: #1e160f;
-  --orange-3: #331e0b;
-  --orange-4: #462100;
-  --orange-5: #562800;
-  --orange-6: #66350c;
-  --orange-7: #7e451d;
-  --orange-8: #a35829;
-  --orange-9: #f76b15;
-  --orange-10: #ff801f;
-  --orange-11: #ffa057;
-  --orange-12: #ffe0c2;
+  --orange-1: #170f0d;
+  --orange-2: #1f1412;
+  --orange-3: #3b150c;
+  --orange-4: #521002;
+  --orange-5: #631704;
+  --orange-6: #732412;
+  --orange-7: #8b3521;
+  --orange-8: #b4452c;
+  --orange-9: #fa4616;
+  --orange-10: #eb3600;
+  --orange-11: #ff9275;
+  --orange-12: #ffd2c6;
 }
 
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
     .dark, .dark-theme {
-      --orange-1: color(display-p3 0.088 0.07 0.057);
-      --orange-2: color(display-p3 0.113 0.089 0.061);
-      --orange-3: color(display-p3 0.189 0.12 0.056);
-      --orange-4: color(display-p3 0.262 0.132 0);
-      --orange-5: color(display-p3 0.315 0.168 0.016);
-      --orange-6: color(display-p3 0.376 0.219 0.088);
-      --orange-7: color(display-p3 0.465 0.283 0.147);
-      --orange-8: color(display-p3 0.601 0.359 0.201);
-      --orange-9: color(display-p3 0.9 0.45 0.2);
-      --orange-10: color(display-p3 0.98 0.51 0.23);
-      --orange-11: color(display-p3 1 0.63 0.38);
-      --orange-12: color(display-p3 0.98 0.883 0.775);
+      --orange-1: color(display-p3 0.0838 0.06 0.0528);
+      --orange-2: color(display-p3 0.1165 0.0814 0.0709);
+      --orange-3: color(display-p3 0.2127 0.0912 0.0582);
+      --orange-4: color(display-p3 0.2949 0.0848 0.0301);
+      --orange-5: color(display-p3 0.3542 0.1132 0.0498);
+      --orange-6: color(display-p3 0.4147 0.164 0.098);
+      --orange-7: color(display-p3 0.5064 0.2289 0.1549);
+      --orange-8: color(display-p3 0.6542 0.2998 0.2054);
+      --orange-9: color(display-p3 0.9049 0.3335 0.1831);
+      --orange-10: color(display-p3 0.8499 0.2787 0.124);
+      --orange-11: color(display-p3 1 0.5537 0.4215);
+      --orange-12: color(display-p3 0.9711 0.8289 0.7855);
     }
   }
 }

package/orange.css

@@ -1,33 +1,33 @@
 :root, .light, .light-theme {
-  --orange-1: #fefcfb;
-  --orange-2: #fff7ed;
-  --orange-3: #ffefd6;
-  --orange-4: #ffdfb5;
-  --orange-5: #ffd19a;
-  --orange-6: #ffc182;
-  --orange-7: #f5ae73;
-  --orange-8: #ec9455;
-  --orange-9: #f76b15;
-  --orange-10: #ef5f00;
-  --orange-11: #cc4e00;
-  --orange-12: #582d1d;
+  --orange-1: #fffcfb;
+  --orange-2: #fff7f4;
+  --orange-3: #ffeae4;
+  --orange-4: #ffd8cb;
+  --orange-5: #ffc9b8;
+  --orange-6: #ffb8a3;
+  --orange-7: #ffa38d;
+  --orange-8: #f7886e;
+  --orange-9: #fa4616;
+  --orange-10: #ec3400;
+  --orange-11: #dd2400;
+  --orange-12: #5f2518;
 }
 
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
     :root, .light, .light-theme {
-      --orange-1: color(display-p3 0.995 0.988 0.985);
-      --orange-2: color(display-p3 0.994 0.968 0.934);
-      --orange-3: color(display-p3 0.989 0.938 0.85);
-      --orange-4: color(display-p3 1 0.874 0.687);
-      --orange-5: color(display-p3 1 0.821 0.583);
-      --orange-6: color(display-p3 0.975 0.767 0.545);
-      --orange-7: color(display-p3 0.919 0.693 0.486);
-      --orange-8: color(display-p3 0.877 0.597 0.379);
-      --orange-9: color(display-p3 0.9 0.45 0.2);
-      --orange-10: color(display-p3 0.87 0.409 0.164);
-      --orange-11: color(display-p3 0.76 0.34 0);
-      --orange-12: color(display-p3 0.323 0.185 0.127);
+      --orange-1: color(display-p3 0.9978 0.9885 0.9856);
+      --orange-2: color(display-p3 0.9992 0.9689 0.9596);
+      --orange-3: color(display-p3 1 0.9209 0.8965);
+      --orange-4: color(display-p3 1 0.8524 0.8);
+      --orange-5: color(display-p3 1 0.7925 0.724);
+      --orange-6: color(display-p3 0.9936 0.7338 0.6567);
+      --orange-7: color(display-p3 0.9501 0.6574 0.572);
+      --orange-8: color(display-p3 0.9107 0.5559 0.4555);
+      --orange-9: color(display-p3 0.9049 0.3335 0.1831);
+      --orange-10: color(display-p3 0.8535 0.2731 0.1143);
+      --orange-11: color(display-p3 0.7978 0.2236 0.0507);
+      --orange-12: color(display-p3 0.3453 0.1605 0.1105);
     }
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@frosted-ui/colors",
   "private": false,
-  "version": "0.0.1-canary.49",
+  "version": "0.0.1-canary.50",
   "license": "MIT",
   "description": "Frosted UI Colors",
   "main": "index.js",