feat: Add mighty tokens in dark mode (#115)

Frontify · Oct 12, 2023 · d37ea3a · d37ea3a
1 parent 92f3dc8
commit d37ea3a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/tokens/alias.box.dark.js b/tokens/alias.box.dark.js
@@ -20,6 +20,13 @@ module.exports = {
     "neutral-strong-inverse-color-hover"       : { value: "{color.grey.90.value}", attributes: { category: "color" } },
     "neutral-strong-inverse-color-pressed"     : { value: "{color.grey.100.value}", attributes: { category: "color" } },
 
+    "neutral-mighty-color"                  : { value: "{color.grey.0.value}", attributes: { category: "color" } },
+    "neutral-mighty-color-hover"            : { value: "{color.grey.10.value}", attributes: { category: "color" } },
+    "neutral-mighty-color-pressed"          : { value: "{color.grey.20.value}", attributes: { category: "color" } },
+    "neutral-mighty-inverse-color"          : { value: "{color.grey.100.value}", attributes: { category: "color" } },
+    "neutral-mighty-inverse-color-hover"    : { value: "{color.grey.100.value}", attributes: { category: "color" } },
+    "neutral-mighty-inverse-color-pressed"  : { value: "{color.grey.100.value}", attributes: { category: "color" } },
+
     // Selected
     "selected-color"                           : { value: "{color.violet.100.value}", attributes: { category: "color" } },
     "selected-color-hover"                     : { value: "{color.violet.90.value}", attributes: { category: "color" } },

diff --git a/tokens/alias.line.dark.js b/tokens/alias.line.dark.js
@@ -11,5 +11,6 @@ module.exports = {
     "color-strong"    : { value: "{color.grey.0.value}", attributes: { category: "color" }, modify: [{ type: "alpha", amount: 0.3 }] },
     "color-x-strong"  : { value: "{color.grey.0.value}", attributes: { category: "color" }, modify: [{ type: "alpha", amount: 0.5 }] },
     "color-xx-strong" : { value: "{color.grey.0.value}", attributes: { category: "color" } },
+    "color-mighty"  : { value: "{color.grey.100.value}", attributes: { category: "color" }, modify: [{ type: "alpha", amount: 0.15 }] },
   },
 };