Bring back zinc 900 (#52)

* fix: bring back zinc 900 * Update output configs * bring back zinc 1000 * Update output configs --------- Co-authored-by: johanekhager <[email protected]>
Teamtailor · Sep 16, 2024 · ccc4f60 · ccc4f60
1 parent 4faa6d1
commit ccc4f60
Show file tree

Hide file tree

Showing 13 changed files with 34 additions and 34 deletions.
diff --git a/dist/output/colors.spectrum.react.js b/dist/output/colors.spectrum.react.js
@@ -1,7 +1,7 @@
 "use strict";
 /**
  * Do not edit directly
- * Generated on Mon, 16 Sep 2024 06:19:50 GMT
+ * Generated on Mon, 16 Sep 2024 07:15:31 GMT
  */
 module.exports = /** @type {const} */ {
     "black": "#000000",
@@ -21,8 +21,8 @@ module.exports = /** @type {const} */ {
         "700": "#3f3f46",
         "750": "#34353a",
         "800": "#28282b",
-        "900": "#202022",
-        "1000": "#151516"
+        "900": "#1C1C1E",
+        "1000": "#0f0f10"
     },
     "pink": {
         "50": "#fff0f5",

diff --git a/dist/output/colors.spectrum.tailwind.js b/dist/output/colors.spectrum.tailwind.js
@@ -1,7 +1,7 @@
 "use strict";
 /**
  * Do not edit directly
- * Generated on Mon, 16 Sep 2024 06:19:50 GMT
+ * Generated on Mon, 16 Sep 2024 07:15:31 GMT
  */
 module.exports = /** @type {const} */ {
     "black": "#000000",
@@ -21,8 +21,8 @@ module.exports = /** @type {const} */ {
         "700": "#3f3f46",
         "750": "#34353a",
         "800": "#28282b",
-        "900": "#202022",
-        "1000": "#151516"
+        "900": "#1C1C1E",
+        "1000": "#0f0f10"
     },
     "pink": {
         "50": "#fff0f5",

diff --git a/dist/output/colors.theme.dark.react.js b/dist/output/colors.theme.dark.react.js
@@ -1,21 +1,21 @@
 "use strict";
 /**
  * Do not edit directly
- * Generated on Mon, 16 Sep 2024 06:19:50 GMT
+ * Generated on Mon, 16 Sep 2024 07:15:31 GMT
  */
 module.exports = /** @type {const} */ {
     "background": {
         "mono": "#ffffff",
-        "canvas": "#202022",
+        "canvas": "#1C1C1E",
         "neutral": {
             "default": "#28282b",
             "hover": "#34353a",
             "weak": "#28282b",
             "weakHover": "#34353a",
             "medium": "#3f3f46",
             "mediumHover": "#57595f",
-            "strong": "#151516",
-            "strongHover": "#202022"
+            "strong": "#0f0f10",
+            "strongHover": "#1C1C1E"
         },
         "success": {
             "default": "#0c310e",
@@ -38,7 +38,7 @@ module.exports = /** @type {const} */ {
             "strongHover": "#d7256d",
             "strongActive": "#8e104a",
             "strongDisabled": "rgba(244,63,133, 0.5)",
-            "medium": "#202022",
+            "medium": "#1C1C1E",
             "mediumHover": "#28282b",
             "mediumActive": "#3f3f46",
             "weakHover": "#34353a",

diff --git a/dist/output/colors.theme.light.react.js b/dist/output/colors.theme.light.react.js
@@ -1,7 +1,7 @@
 "use strict";
 /**
  * Do not edit directly
- * Generated on Mon, 16 Sep 2024 06:19:50 GMT
+ * Generated on Mon, 16 Sep 2024 07:15:31 GMT
  */
 module.exports = /** @type {const} */ {
     "background": {

diff --git a/dist/output/colors.theme.tailwind.js b/dist/output/colors.theme.tailwind.js
@@ -1,7 +1,7 @@
 "use strict";
 /**
  * Do not edit directly
- * Generated on Mon, 16 Sep 2024 06:19:50 GMT
+ * Generated on Mon, 16 Sep 2024 07:15:31 GMT
  */
 module.exports = /** @type {const} */ {
     "background": {

diff --git a/src/output/colors.spectrum.react.js b/src/output/colors.spectrum.react.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Sep 2024 06:19:50 GMT
+ * Generated on Mon, 16 Sep 2024 07:15:31 GMT
  */
 
 module.exports = /** @type {const} */ {
@@ -21,8 +21,8 @@ module.exports = /** @type {const} */ {
     "700": "#3f3f46",
     "750": "#34353a",
     "800": "#28282b",
-    "900": "#202022",
-    "1000": "#151516"
+    "900": "#1C1C1E",
+    "1000": "#0f0f10"
   },
   "pink": {
     "50": "#fff0f5",

diff --git a/src/output/colors.spectrum.tailwind.js b/src/output/colors.spectrum.tailwind.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Sep 2024 06:19:50 GMT
+ * Generated on Mon, 16 Sep 2024 07:15:31 GMT
  */
 
 module.exports = /** @type {const} */ {
@@ -21,8 +21,8 @@ module.exports = /** @type {const} */ {
     "700": "#3f3f46",
     "750": "#34353a",
     "800": "#28282b",
-    "900": "#202022",
-    "1000": "#151516"
+    "900": "#1C1C1E",
+    "1000": "#0f0f10"
   },
   "pink": {
     "50": "#fff0f5",

diff --git a/src/output/colors.theme.dark.react.js b/src/output/colors.theme.dark.react.js
@@ -1,21 +1,21 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Sep 2024 06:19:50 GMT
+ * Generated on Mon, 16 Sep 2024 07:15:31 GMT
  */
 
 module.exports = /** @type {const} */ {
   "background": {
     "mono": "#ffffff",
-    "canvas": "#202022",
+    "canvas": "#1C1C1E",
     "neutral": {
       "default": "#28282b",
       "hover": "#34353a",
       "weak": "#28282b",
       "weakHover": "#34353a",
       "medium": "#3f3f46",
       "mediumHover": "#57595f",
-      "strong": "#151516",
-      "strongHover": "#202022"
+      "strong": "#0f0f10",
+      "strongHover": "#1C1C1E"
     },
     "success": {
       "default": "#0c310e",
@@ -38,7 +38,7 @@ module.exports = /** @type {const} */ {
       "strongHover": "#d7256d",
       "strongActive": "#8e104a",
       "strongDisabled": "rgba(244,63,133, 0.5)",
-      "medium": "#202022",
+      "medium": "#1C1C1E",
       "mediumHover": "#28282b",
       "mediumActive": "#3f3f46",
       "weakHover": "#34353a",

diff --git a/src/output/colors.theme.light.react.js b/src/output/colors.theme.light.react.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Sep 2024 06:19:50 GMT
+ * Generated on Mon, 16 Sep 2024 07:15:31 GMT
  */
 
 module.exports = /** @type {const} */ {

diff --git a/src/output/colors.theme.tailwind.js b/src/output/colors.theme.tailwind.js
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Sep 2024 06:19:50 GMT
+ * Generated on Mon, 16 Sep 2024 07:15:31 GMT
  */
 
 module.exports = /** @type {const} */ {

diff --git a/src/output/theme-dark.css b/src/output/theme-dark.css
@@ -1,14 +1,14 @@
 .theme-dark {
   --color-background-mono: rgb(255, 255, 255);
-  --color-background-canvas: rgb(32, 32, 34);
+  --color-background-canvas: rgb(28, 28, 30);
   --color-background-neutral-default: rgb(40, 40, 43);
   --color-background-neutral-hover: rgb(52, 53, 58);
   --color-background-neutral-weak: rgb(40, 40, 43);
   --color-background-neutral-weak-hover: rgb(52, 53, 58);
   --color-background-neutral-medium: rgb(63, 63, 70);
   --color-background-neutral-medium-hover: rgb(87, 89, 95);
-  --color-background-neutral-strong: rgb(21, 21, 22);
-  --color-background-neutral-strong-hover: rgb(32, 32, 34);
+  --color-background-neutral-strong: rgb(15, 15, 16);
+  --color-background-neutral-strong-hover: rgb(28, 28, 30);
   --color-background-success-default: rgb(12, 49, 14);
   --color-background-success-strong: rgb(22, 101, 26);
   --color-background-danger-default: rgb(79, 18, 18);
@@ -21,7 +21,7 @@
   --color-background-action-strong-hover: rgb(215, 37, 109);
   --color-background-action-strong-active: rgb(142, 16, 74);
   --color-background-action-strong-disabled: rgba(244,63,133, 0.5);
-  --color-background-action-medium: rgb(32, 32, 34);
+  --color-background-action-medium: rgb(28, 28, 30);
   --color-background-action-medium-hover: rgb(40, 40, 43);
   --color-background-action-medium-active: rgb(63, 63, 70);
   --color-background-action-weak-hover: rgb(52, 53, 58);

diff --git a/tokens.json b/tokens.json
@@ -67,11 +67,11 @@
           "type": "color"
         },
         "900": {
-          "value": "#202022",
+          "value": "#1C1C1E",
           "type": "color"
         },
         "1000": {
-          "value": "#151516",
+          "value": "#0f0f10",
           "type": "color"
         }
       },

diff --git a/tokens/spectrum.json b/tokens/spectrum.json
@@ -66,11 +66,11 @@
         "type": "color"
       },
       "900": {
-        "value": "#202022",
+        "value": "#1C1C1E",
         "type": "color"
       },
       "1000": {
-        "value": "#151516",
+        "value": "#0f0f10",
         "type": "color"
       }
     },