Adding a new token for chart colour labels

ClickHouse · Jan 8, 2025 · 86ed503 · 86ed503
1 parent c7f1bee
commit 86ed503
Show file tree

Hide file tree

Showing 3 changed files with 114 additions and 0 deletions.
diff --git a/tokens/themes/classic.json b/tokens/themes/classic.json
@@ -2305,6 +2305,25 @@
             "value": "{palette.slate.400}",
             "type": "color"
           }
+        },
+        "label": {
+          "default": {
+            "value": "{click.global.color.text.default}",
+            "type": "color"
+          },
+          "deselected": {
+            "value": "{click.global.color.text.default}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.30",
+                  "space": "lch"
+                }
+              }
+            }
+          }
         }
       },
       "bars": {
@@ -2654,6 +2673,25 @@
             "value": "{palette.slate.400}",
             "type": "color"
           }
+        },
+        "label": {
+          "default": {
+            "value": "{click.global.color.text.default}",
+            "type": "color"
+          },
+          "deselected": {
+            "value": "{click.global.color.text.default}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.30",
+                  "space": "lch"
+                }
+              }
+            }
+          }
         }
       }
     }

diff --git a/tokens/themes/dark.json b/tokens/themes/dark.json
@@ -4463,6 +4463,25 @@
             "value": "{palette.slate.400}",
             "type": "color"
           }
+        },
+        "label": {
+          "default": {
+            "value": "{click.global.color.text.default}",
+            "type": "color"
+          },
+          "deselected": {
+            "value": "{click.global.color.text.default}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.30",
+                  "space": "lch"
+                }
+              }
+            }
+          }
         }
       }
     },
@@ -4973,6 +4992,25 @@
             "value": "{palette.slate.400}",
             "type": "color"
           }
+        },
+        "label": {
+          "default": {
+            "value": "{click.global.color.text.default}",
+            "type": "color"
+          },
+          "deselected": {
+            "value": "{click.global.color.text.default}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.30",
+                  "space": "lch"
+                }
+              }
+            }
+          }
         }
       },
       "iconButton": {

diff --git a/tokens/themes/light.json b/tokens/themes/light.json
@@ -4279,6 +4279,25 @@
             "value": "{palette.slate.400}",
             "type": "color"
           }
+        },
+        "label": {
+          "default": {
+            "value": "{click.global.color.text.default}",
+            "type": "color"
+          },
+          "deselected": {
+            "value": "{click.global.color.text.default}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.30",
+                  "space": "lch"
+                }
+              }
+            }
+          }
         }
       },
       "bars": {
@@ -4820,6 +4839,25 @@
             "value": "{palette.slate.400}",
             "type": "color"
           }
+        },
+        "label": {
+          "default": {
+            "value": "{click.global.color.text.default}",
+            "type": "color"
+          },
+          "deselected": {
+            "value": "{click.global.color.text.default}",
+            "type": "color",
+            "$extensions": {
+              "studio.tokens": {
+                "modify": {
+                  "type": "alpha",
+                  "value": "0.30",
+                  "space": "lch"
+                }
+              }
+            }
+          }
         }
       },
       "iconButton": {