diff --git a/src/css/dark-theme-colors.css b/src/css/dark-theme-colors.css
index 40ab429..779e9af 100644
--- a/src/css/dark-theme-colors.css
+++ b/src/css/dark-theme-colors.css
@@ -1,7 +1,8 @@
 /**
  * Dark Theme Colors
 */
-[data-theme='dark'] {
+[data-theme='dark'],
+.dark {
   /* For default neutral backgrounds */
   --color-background-default: var(--brand-colors-grey-grey800);
   /* For secondary neutral backgrounds. */
diff --git a/src/css/light-theme-colors.css b/src/css/light-theme-colors.css
index 8a831ca..c100b4c 100644
--- a/src/css/light-theme-colors.css
+++ b/src/css/light-theme-colors.css
@@ -2,7 +2,8 @@
  * Light Theme Colors
  */
 :root,
-[data-theme='light'] {
+[data-theme='light'],
+.light {
   /* For default neutral backgrounds */
   --color-background-default: var(--brand-colors-grey-grey000);
   /* For secondary neutral backgrounds. */