refactor(token):Added colors for darkmdode

swisspost · Nov 25, 2024 · 60895ac · 60895ac
1 parent d2b687f
commit 60895ac
Showing 1 changed file with 71 additions and 33 deletions.
diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json
@@ -1246,6 +1246,18 @@
                 "bg5": {
                   "$type": "color",
                   "$value": "{post.core.color.sandgrey.012}"
+                },
+                "fg4": {
+                  "$type": "color",
+                  "$value": "{post.core.color.sandgrey.060}"
+                },
+                "stroke4": {
+                  "$type": "color",
+                  "$value": "{post.core.color.sandgrey.060}"
+                },
+                "bg6": {
+                  "$type": "color",
+                  "$value": "{post.core.color.brand.white}"
                 }
               },
               "selected": {
@@ -2021,7 +2033,7 @@
                 },
                 "bg3": {
                   "$type": "color",
-                  "$value": "{post.core.color.sandgrey.alpha.lightsand.10}"
+                  "$value": "{post.core.color.sandgrey.alpha.lightsand.20}"
                 }
               },
               "disabled": {
@@ -2068,6 +2080,18 @@
                 "bg5": {
                   "$type": "color",
                   "$value": "{post.core.color.sandgrey.alpha.lightsand.10}"
+                },
+                "fg4": {
+                  "$type": "color",
+                  "$value": "{post.core.color.sandgrey.alpha.lightsand.60}"
+                },
+                "stroke4": {
+                  "$type": "color",
+                  "$value": "{post.core.color.sandgrey.alpha.lightsand.60}"
+                },
+                "bg6": {
+                  "$type": "color",
+                  "$value": "{post.core.color.colorless}"
                 }
               },
               "selected": {
@@ -2186,6 +2210,14 @@
                   "$value": "{post.scheme.color.signal.error-dark}"
                 }
               }
+            },
+            "input": {
+              "enabled": {
+                "border": {
+                  "$type": "color",
+                  "$value": "{post.core.color.sandgrey.080}"
+                }
+              }
             }
           },
           "surface": {
@@ -5686,11 +5718,11 @@
         },
         "disabled-bg": {
           "$type": "color",
-          "$value": "{post.scheme.color.interactive.primary.disabled.bg}"
+          "$value": "{post.scheme.color.interactive.primary.disabled.bg6}"
         },
         "disabled-fg": {
           "$type": "color",
-          "$value": "{post.scheme.color.interactive.primary.disabled.fg1}"
+          "$value": "{post.scheme.color.interactive.primary.disabled.fg4}"
         },
         "enabled-stroke": {
           "$type": "color",
@@ -5702,7 +5734,7 @@
         },
         "disabled-stroke": {
           "$type": "color",
-          "$value": "{post.scheme.color.interactive.primary.disabled.stroke}"
+          "$value": "{post.scheme.color.interactive.primary.disabled.stroke4}"
         },
         "gap": {
           "block": {
@@ -6979,19 +7011,19 @@
         },
         "hover-bg": {
           "$type": "color",
-          "$value": "{post.scheme.color.interactive.primary.hover.bg}"
+          "$value": "{post.scheme.color.interactive.primary.hover.bg3}"
         },
         "hover-fg": {
           "$type": "color",
           "$value": "{post.scheme.color.interactive.primary.hover.fg1}"
         },
         "disabled-bg": {
           "$type": "color",
-          "$value": "{post.scheme.color.interactive.primary.disabled.bg}"
+          "$value": "{post.scheme.color.interactive.primary.disabled.bg6}"
         },
         "disabled-fg": {
           "$type": "color",
-          "$value": "{post.scheme.color.interactive.primary.disabled.fg1}"
+          "$value": "{post.scheme.color.interactive.primary.disabled.fg4}"
         },
         "enabled-stroke": {
           "$type": "color",
@@ -7003,7 +7035,7 @@
         },
         "disabled-stroke": {
           "$type": "color",
-          "$value": "{post.scheme.color.interactive.primary.disabled.stroke}"
+          "$value": "{post.scheme.color.interactive.primary.disabled.stroke4}"
         },
         "gap": {
           "block": {
@@ -7855,39 +7887,39 @@
       "textarea": {
         "enabled-bg": {
           "$type": "color",
-          "$value": "{post.scheme.color.interactive.primary.enabled.bg1}"
+          "$value": "{post.scheme.color.interactive.input.enabled.bg}"
         },
         "enabled-fg": {
           "$type": "color",
-          "$value": "{post.scheme.color.interactive.primary.enabled.fg1}"
+          "$value": "{post.scheme.color.interactive.input.enabled.fg}"
         },
         "hover-bg": {
           "$type": "color",
-          "$value": "{post.scheme.color.interactive.primary.hover.bg}"
+          "$value": "{post.scheme.color.interactive.input.hover.bg}"
         },
         "hover-fg": {
           "$type": "color",
-          "$value": "{post.scheme.color.interactive.primary.hover.fg1}"
+          "$value": "{post.scheme.color.interactive.input.hover.fg}"
         },
         "disabled-bg": {
           "$type": "color",
-          "$value": "{post.scheme.color.interactive.primary.disabled.bg}"
+          "$value": "{post.scheme.color.interactive.input.disabled.bg}"
         },
         "disabled-fg": {
           "$type": "color",
-          "$value": "{post.scheme.color.interactive.primary.disabled.fg1}"
+          "$value": "{post.scheme.color.interactive.input.disabled.fg}"
         },
         "enabled-border": {
           "$type": "color",
-          "$value": "{post.scheme.color.interactive.primary.enabled.stroke}"
+          "$value": "{post.scheme.color.interactive.input.enabled.border}"
         },
         "hover-border": {
           "$type": "color",
-          "$value": "{post.scheme.color.interactive.primary.hover.stroke}"
+          "$value": "{post.scheme.color.interactive.input.hover.border}"
         },
         "disabled-border": {
           "$type": "color",
-          "$value": "{post.scheme.color.interactive.primary.disabled.stroke}"
+          "$value": "{post.scheme.color.interactive.input.disabled.border}"
         },
         "gap": {
           "inline": {
@@ -9629,13 +9661,15 @@
         "post.scheme.color.interactive.primary.enabled.fg3": "9e54ef6fc66a0054ffd6b3bc0c7698699c4cabd9",
         "post.scheme.color.interactive.primary.enabled.bg2": "150fee6272f684bfe2932f0fc85f5b988a749191",
         "post.scheme.color.interactive.primary.enabled.stroke3": "915dad4def2d9fda8bd134433dafb0b433520681",
+        "post.scheme.color.interactive.primary.enabled.bg3": "2ce7249ce3193851128c93a6f2b7ef668ae528ae",
         "post.scheme.color.interactive.primary.hover.bg": "7aedb66803c7fad003929ca6c81bb7d7737b0d57",
         "post.scheme.color.interactive.primary.hover.fg1": "7ef9cbf8cb729ee722b988ddac31fd390616e276",
         "post.scheme.color.interactive.primary.hover.fg2": "b2403dd77e71b4848d3558c343719da14959cfa7",
         "post.scheme.color.interactive.primary.hover.stroke": "9e140f920b59b23489a7c75c4b6990ee27d39cb4",
         "post.scheme.color.interactive.primary.hover.fg3": "3576b26a23c5becddff25ded83edf7709069c262",
         "post.scheme.color.interactive.primary.hover.bg2": "367bc693723ef1f5c1f9c0961eeb4ab430b9319a",
         "post.scheme.color.interactive.primary.hover.stroke3": "14a61f7a4a47175acaef2dd2464dca3c3b7bfb68",
+        "post.scheme.color.interactive.primary.hover.bg3": "bb64afac2be48ddd31b986e67cd8338ebf30c3cc",
         "post.scheme.color.interactive.primary.disabled.bg": "a2b9d1dcc588fb5bd222834e7583e8cfab2c4e88",
         "post.scheme.color.interactive.primary.disabled.fg1": "f5fd0ffa2898c59c2589c2f9c6f958ada58fec31",
         "post.scheme.color.interactive.primary.disabled.fg2": "b3cd96507de21f5149f81145470f49a8a08b0355",
@@ -9646,6 +9680,7 @@
         "post.scheme.color.interactive.primary.disabled.stroke2": "f1996e5a2f0ddae5a70fc654120febd8deadfd70",
         "post.scheme.color.interactive.primary.disabled.bg4": "cbd472c5f53fe207babc9d0e2f387dd7235ca8b6",
         "post.scheme.color.interactive.primary.disabled.stroke3": "b6f6a8caf670f7786560c10a897be950454f63ee",
+        "post.scheme.color.interactive.primary.disabled.bg5": "21deaefac612428b75e362722aff06adbf3236e7",
         "post.scheme.color.interactive.primary.selected.bg1": "cf75460d83b62af415ac79e087f41a04e8d01cbd",
         "post.scheme.color.interactive.primary.selected.fg1": "d11093e6b269456c3d3d8bbc872e28d603416097",
         "post.scheme.color.interactive.primary.selected.fg2": "2da15bd15cef0c8f2b261c15bad9ffad1a33b74f",
@@ -9703,14 +9738,14 @@
         "post.cargo.scheme.color.surface.accent.bg": "2dc2983e13aad7ec4e60552838d56966fa9908d6",
         "post.cargo.scheme.color.surface.accent.fg": "e724294b65aca52dcb29118010534f0482bd0881",
         "post.cargo.scheme.color.surface.accent.fg-accent": "9d2202f6c4937b0a006f5bf8886480984ab8efb2",
-        "post.scheme.color.interactive.primary.enabled.bg3": "2ce7249ce3193851128c93a6f2b7ef668ae528ae",
-        "post.scheme.color.interactive.primary.hover.bg3": "bb64afac2be48ddd31b986e67cd8338ebf30c3cc",
-        "post.scheme.color.interactive.primary.disabled.bg5": "21deaefac612428b75e362722aff06adbf3236e7",
+        "post.scheme.color.interactive.primary.disabled.fg4": "493737281e262558c6971c1985b2182555dfb786",
+        "post.scheme.color.interactive.primary.disabled.stroke4": "dbc77a602561bf65f668ad01a85aad427483fb55",
+        "post.scheme.color.interactive.primary.disabled.bg6": "c3d7035650e871746bb7fec9cc7ee484884e2b83",
+        "post.scheme.color.interactive.input.enabled.border": "0acd1351445659355ab8d6f7f370fe1c217ebe91",
         "post.scheme.color.signal.neutral-dark": "790da7ad43fa67de3b2da99582d332791fb09e9f",
         "post.scheme.color.signal.neutral": "daad7eeff08d93aeed6c1ad67af23e58bdffd198",
         "post.scheme.color.interactive.input.enabled.bg": "ee1559ba9c687a96a4f52b60241ad08d6af675ef",
         "post.scheme.color.interactive.input.enabled.fg": "c0b646bc7315b3eb57777ada948f08b0fd3d718d",
-        "post.scheme.color.interactive.input.enabled.border": "0acd1351445659355ab8d6f7f370fe1c217ebe91",
         "post.scheme.color.interactive.input.hover.bg": "9e0464752dbef48d2c13c82b1865fb29baa976d6",
         "post.scheme.color.interactive.input.hover.fg": "4191ea628c0c943fa24e832a57e02fce109f0a73",
         "post.scheme.color.interactive.input.hover.border": "69ac281e1d33ebdb46f1512dd957323d89a6cc66",
@@ -9822,13 +9857,15 @@
         "post.scheme.color.interactive.primary.enabled.fg3": "9e54ef6fc66a0054ffd6b3bc0c7698699c4cabd9",
         "post.scheme.color.interactive.primary.enabled.bg2": "150fee6272f684bfe2932f0fc85f5b988a749191",
         "post.scheme.color.interactive.primary.enabled.stroke3": "915dad4def2d9fda8bd134433dafb0b433520681",
+        "post.scheme.color.interactive.primary.enabled.bg3": "2ce7249ce3193851128c93a6f2b7ef668ae528ae",
         "post.scheme.color.interactive.primary.hover.bg": "7aedb66803c7fad003929ca6c81bb7d7737b0d57",
         "post.scheme.color.interactive.primary.hover.fg1": "7ef9cbf8cb729ee722b988ddac31fd390616e276",
         "post.scheme.color.interactive.primary.hover.fg2": "b2403dd77e71b4848d3558c343719da14959cfa7",
         "post.scheme.color.interactive.primary.hover.stroke": "9e140f920b59b23489a7c75c4b6990ee27d39cb4",
         "post.scheme.color.interactive.primary.hover.fg3": "3576b26a23c5becddff25ded83edf7709069c262",
         "post.scheme.color.interactive.primary.hover.bg2": "367bc693723ef1f5c1f9c0961eeb4ab430b9319a",
         "post.scheme.color.interactive.primary.hover.stroke3": "14a61f7a4a47175acaef2dd2464dca3c3b7bfb68",
+        "post.scheme.color.interactive.primary.hover.bg3": "bb64afac2be48ddd31b986e67cd8338ebf30c3cc",
         "post.scheme.color.interactive.primary.disabled.bg": "a2b9d1dcc588fb5bd222834e7583e8cfab2c4e88",
         "post.scheme.color.interactive.primary.disabled.fg1": "f5fd0ffa2898c59c2589c2f9c6f958ada58fec31",
         "post.scheme.color.interactive.primary.disabled.fg2": "b3cd96507de21f5149f81145470f49a8a08b0355",
@@ -9839,6 +9876,7 @@
         "post.scheme.color.interactive.primary.disabled.stroke2": "f1996e5a2f0ddae5a70fc654120febd8deadfd70",
         "post.scheme.color.interactive.primary.disabled.bg4": "cbd472c5f53fe207babc9d0e2f387dd7235ca8b6",
         "post.scheme.color.interactive.primary.disabled.stroke3": "b6f6a8caf670f7786560c10a897be950454f63ee",
+        "post.scheme.color.interactive.primary.disabled.bg5": "21deaefac612428b75e362722aff06adbf3236e7",
         "post.scheme.color.interactive.primary.selected.bg1": "cf75460d83b62af415ac79e087f41a04e8d01cbd",
         "post.scheme.color.interactive.primary.selected.fg1": "d11093e6b269456c3d3d8bbc872e28d603416097",
         "post.scheme.color.interactive.primary.selected.fg2": "2da15bd15cef0c8f2b261c15bad9ffad1a33b74f",
@@ -9865,6 +9903,15 @@
         "post.scheme.color.interactive.notification.error.bg": "6165ecb63010c190df5bf65b59d442a4f802a05d",
         "post.scheme.color.interactive.notification.error.icon": "6a602959aae6c213148ff0f586280a123ebff780",
         "post.scheme.color.interactive.notification.error.stroke": "f6a25a2fe2b3146d1684d3906e635ef9505a4c23",
+        "post.scheme.color.interactive.input.enabled.bg": "ee1559ba9c687a96a4f52b60241ad08d6af675ef",
+        "post.scheme.color.interactive.input.enabled.fg": "c0b646bc7315b3eb57777ada948f08b0fd3d718d",
+        "post.scheme.color.interactive.input.enabled.border": "0acd1351445659355ab8d6f7f370fe1c217ebe91",
+        "post.scheme.color.interactive.input.hover.bg": "9e0464752dbef48d2c13c82b1865fb29baa976d6",
+        "post.scheme.color.interactive.input.hover.fg": "4191ea628c0c943fa24e832a57e02fce109f0a73",
+        "post.scheme.color.interactive.input.hover.border": "69ac281e1d33ebdb46f1512dd957323d89a6cc66",
+        "post.scheme.color.interactive.input.disabled.bg": "751b8e0c0c47287585e354becf6a35bc76d3ef30",
+        "post.scheme.color.interactive.input.disabled.fg": "ab50ae4da2b62ef7e661bbd499b51e51b20b6289",
+        "post.scheme.color.interactive.input.disabled.border": "03fcc579a4ae77e80ca5f0e8b4a33c17b07b9944",
         "post.scheme.color.surface.default.bg": "76160b240c5dee3ecddf678e49fb08e554103e19",
         "post.scheme.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4",
         "post.scheme.color.surface.default.stroke": "acff34c0c7e3f3b7360988406c18af0b164393ff",
@@ -9896,18 +9943,9 @@
         "post.cargo.scheme.color.surface.accent.bg": "2dc2983e13aad7ec4e60552838d56966fa9908d6",
         "post.cargo.scheme.color.surface.accent.fg": "e724294b65aca52dcb29118010534f0482bd0881",
         "post.cargo.scheme.color.surface.accent.fg-accent": "9d2202f6c4937b0a006f5bf8886480984ab8efb2",
-        "post.scheme.color.interactive.primary.enabled.bg3": "2ce7249ce3193851128c93a6f2b7ef668ae528ae",
-        "post.scheme.color.interactive.primary.hover.bg3": "bb64afac2be48ddd31b986e67cd8338ebf30c3cc",
-        "post.scheme.color.interactive.primary.disabled.bg5": "21deaefac612428b75e362722aff06adbf3236e7",
-        "post.scheme.color.interactive.input.enabled.bg": "ee1559ba9c687a96a4f52b60241ad08d6af675ef",
-        "post.scheme.color.interactive.input.enabled.fg": "c0b646bc7315b3eb57777ada948f08b0fd3d718d",
-        "post.scheme.color.interactive.input.enabled.border": "0acd1351445659355ab8d6f7f370fe1c217ebe91",
-        "post.scheme.color.interactive.input.hover.bg": "9e0464752dbef48d2c13c82b1865fb29baa976d6",
-        "post.scheme.color.interactive.input.hover.fg": "4191ea628c0c943fa24e832a57e02fce109f0a73",
-        "post.scheme.color.interactive.input.hover.border": "69ac281e1d33ebdb46f1512dd957323d89a6cc66",
-        "post.scheme.color.interactive.input.disabled.bg": "751b8e0c0c47287585e354becf6a35bc76d3ef30",
-        "post.scheme.color.interactive.input.disabled.fg": "ab50ae4da2b62ef7e661bbd499b51e51b20b6289",
-        "post.scheme.color.interactive.input.disabled.border": "03fcc579a4ae77e80ca5f0e8b4a33c17b07b9944"
+        "post.scheme.color.interactive.primary.disabled.fg4": "493737281e262558c6971c1985b2182555dfb786",
+        "post.scheme.color.interactive.primary.disabled.stroke4": "dbc77a602561bf65f668ad01a85aad427483fb55",
+        "post.scheme.color.interactive.primary.disabled.bg6": "c3d7035650e871746bb7fec9cc7ee484884e2b83"
       },
       "group": "Scheme"
     },