diff --git a/src/css/design-tokens.css b/src/css/design-tokens.css
index 4c586678..de2cf210 100644
--- a/src/css/design-tokens.css
+++ b/src/css/design-tokens.css
@@ -5,7 +5,8 @@
  * theme compatible styles
  */
 
-:root {
+:root,
+[data-theme='light'] {
   --brand-colors-white-white000: #ffffff;
   --brand-colors-white-white010: #fcfcfc;
   --brand-colors-black-black000: #000000;