Add tokens for badge background and text.

element-hq/element-web#29425 element-hq/element-x-ios#3867 element-hq/element-x-android#4356
element-hq · Mar 5, 2025 · 61c3613 · 61c3613
1 parent 993d2c6
commit 61c3613
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/tokens/theme-semantics.json b/tokens/theme-semantics.json
@@ -94,6 +94,18 @@
           "type": "color",
           "description": "Decorative text colour (6, Orange) for avatars and usernames."
         }
+      },
+      "badge": {
+        "accent": {
+          "value": "{color.green.1100}",
+          "type": "color",
+          "description": "Badge accent text colour"
+        },
+        "info": {
+          "value": "{color.blue.1100}",
+          "type": "color",
+          "description": "Badge info text colour"
+        }
       }
     },
     "bg": {
@@ -244,6 +256,18 @@
           "type": "color",
           "description": "Background colour for accent or brand actions. State: Pressed"
         }
+      },
+      "badge": {
+        "accent": {
+          "value": "{color.alpha.green.300}",
+          "type": "color",
+          "description": "Badge accent background colour"
+        },
+        "info": {
+          "value": "{color.alpha.blue.300}",
+          "type": "color",
+          "description": "Badge info background colour"
+        }
       }
     },
     "border": {