Use named groups for themes (#111)

spear-ai · Feb 12, 2024 · 37fc0e7 · 37fc0e7
1 parent 82eec2e
commit 37fc0e7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/young-squids-look.md b/.changeset/young-squids-look.md
@@ -0,0 +1,5 @@
+---
+"@spear-ai/tailwind-config": minor
+---
+
+Use named groups for themes.
diff --git a/packages/tailwind-config/src/tailwind-radix-color-theme-plugin.ts b/packages/tailwind-config/src/tailwind-radix-color-theme-plugin.ts
@@ -188,7 +188,7 @@ export const radixColorThemePlugin = plugin(
     };
 
     for (const [themeName, themeOptions] of Object.entries(options)) {
-      const themeSelector = themeName === "DEFAULT" ? "*" : `.is-product-${themeName}`;
+      const themeSelector = themeName === "DEFAULT" ? "*" : `.group\\/${themeName}`;
 
       rootVariables[themeSelector] = {
         colors: {},