Feat(web): Add brand colors to text and background utilities

lmc-eu · Oct 24, 2022 · 95b676f · 95b676f
1 parent 565c032
commit 95b676f
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/packages/web/src/scss/settings/_utilities.scss b/packages/web/src/scss/settings/_utilities.scss
@@ -134,14 +134,23 @@ $utilities: (
         responsive: false,
         property: color,
         class: text,
-        values: tokens.$text-colors,
+        values:
+            map.merge(
+                tokens.$text-colors,
+                (
+                    brand-primary: tokens.$brand-primary,
+                    brand-secondary: tokens.$brand-secondary,
+                )
+            ),
     ),
     'background-color': (
         responsive: false,
         property: background-color,
         class: bg,
         values: (
             basic: tokens.$background-basic,
+            brand-primary: tokens.$brand-primary,
+            brand-secondary: tokens.$brand-secondary,
             cover: tokens.$background-cover,
             inverted: tokens.$background-inverted,
         ),