feat(data): LIGHT THEME Add modes.color.generic.bg.extreme, and chang…

…e all values that reference primitive white or black to reference generic colour tokens instead
Sage · Dec 2, 2024 · 3728b06 · 3728b06
1 parent acdcc09
commit 3728b06
Showing 1 changed file with 16 additions and 16 deletions.
diff --git a/data/tokens/modes/light.json b/data/tokens/modes/light.json
@@ -441,11 +441,11 @@
             "description": "used on link hover state"
           },
           "withActive": {
-            "value": "{primitives.colors.white}",
+            "value": "{modes.color.generic.fg.nought}",
             "type": "color"
           },
           "withDefault": {
-            "value": "{primitives.colors.white}",
+            "value": "{modes.color.generic.fg.nought}",
             "type": "color"
           }
         },
@@ -456,7 +456,7 @@
             "description": "Input backgrounds."
           },
           "withActive": {
-            "value": "{primitives.colors.black}",
+            "value": "{modes.color.generic.content.extreme}",
             "type": "color",
             "description": "checkbox tick icon or radio handle"
           },
@@ -465,7 +465,7 @@
             "type": "color"
           },
           "withHover": {
-            "value": "{primitives.colors.black}",
+            "value": "{modes.color.generic.content.extreme}",
             "type": "color",
             "description": "text for draggable area on file input"
           },
@@ -557,7 +557,7 @@
             "description": "Disabled form input borders."
           },
           "mask": {
-            "value": "{primitives.colors.black}",
+            "value": "{modes.color.generic.bg.extreme}",
             "type": "color",
             "description": "full screen takeover token for modal dimmer"
           },
@@ -572,7 +572,7 @@
             "description": "Disabled text inside buttons and form inputs."
           },
           "contentAlt": {
-            "value": "{primitives.colors.white}",
+            "value": "{modes.color.generic.fg.nought}",
             "type": "color",
             "description": "\nDisabled labels inside buttons and Switch."
           },
@@ -640,7 +640,7 @@
           },
           "generic": {
             "active": {
-              "value": "{primitives.colors.black}",
+              "value": "{modes.color.generic.bg.extreme}",
               "type": "color"
             },
             "activeAlt": {
@@ -684,7 +684,7 @@
               "description": "subtle and toggle button text"
             },
             "hoverAlt": {
-              "value": "{primitives.colors.black}",
+              "value": "{modes.color.generic.bg.extreme}",
               "type": "color",
               "$extensions": {
                 "studio.tokens": {
@@ -712,15 +712,15 @@
               "description": "subtle table header hover"
             },
             "withActive": {
-              "value": "{primitives.colors.white}",
+              "value": "{modes.color.generic.fg.nought}",
               "type": "color"
             },
             "withActiveAlt": {
               "value": "{modes.color.interactive.monochrome.generic.default}",
               "type": "color"
             },
             "withDefault": {
-              "value": "{primitives.colors.white}",
+              "value": "{modes.color.generic.fg.nought}",
               "type": "color"
             },
             "withHover": {
@@ -836,15 +836,15 @@
             "description": "for link hover"
           },
           "withActive": {
-            "value": "{primitives.colors.white}",
+            "value": "{modes.color.generic.fg.nought}",
             "type": "color"
           },
           "withDefault": {
-            "value": "{primitives.colors.white}",
+            "value": "{modes.color.generic.fg.nought}",
             "type": "color"
           },
           "withHover": {
-            "value": "{primitives.colors.white}",
+            "value": "{modes.color.generic.fg.nought}",
             "type": "color"
           },
           "frozen": {
@@ -914,7 +914,7 @@
         },
         "progress": {
           "bg": {
-            "value": "{primitives.colors.black}",
+            "value": "{modes.color.generic.bg.extreme}",
             "type": "color",
             "$extensions": {
               "studio.tokens": {
@@ -927,7 +927,7 @@
             }
           },
           "bgAlt": {
-            "value": "{primitives.colors.white}",
+            "value": "{modes.color.generic.bg.nought}",
             "type": "color",
             "$extensions": {
               "studio.tokens": {
@@ -948,7 +948,7 @@
             "type": "color"
           },
           "defaultAlt": {
-            "value": "{primitives.colors.black}",
+            "value": "{modes.color.generic.bg.extreme}",
             "type": "color",
             "description": "bg for contextual message comp"
           },