fix: clerk color

Signed-off-by: Innei <tukon479@gmail.com>
Innei · Jun 15, 2023 · 2f39e0a · 2f39e0a · vercel · Jun 15, 2023
1 parent d8a7538
commit 2f39e0a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 10 deletions.
diff --git a/postcss.config.js b/postcss.config.js
@@ -2,7 +2,6 @@ module.exports = {
   plugins: {
     'postcss-import': {},
     'tailwindcss/nesting': {},
-    'postcss-prune-var': { skip: ['node_modules/**'] },
     tailwindcss: {},
     autoprefixer: {},
   },

diff --git a/src/styles/clerk.css b/src/styles/clerk.css
@@ -81,6 +81,15 @@
 }
 
 [data-theme='dark'] {
+  [class*='cl-internal-'] {
+    --accent: theme('colors.zinc.50');
+    --accentDark: theme('colors.zinc.200');
+    --border: hsla(0, 0%, 100%, 0.08);
+    --accentLightest: hsla(0, 0%, 100%, 0.04);
+    --accentLighter: hsla(0, 0%, 100%, 0.16);
+    --accentDarker: hsla(0, 0%, 100%, 0.64);
+  }
+
   .cl-userButtonPopoverActionButton:hover {
     background: theme('colors.zinc.800');
   }
@@ -97,15 +106,6 @@
     @apply border-zinc-800 bg-zinc-900/80 text-zinc-200 shadow-zinc-900/20;
   }
 
-  [class*='cl-internal-'] {
-    --accent: theme('colors.zinc.50');
-    --accentDark: theme('colors.zinc.200');
-    --border: hsla(0, 0%, 100%, 0.08);
-    --accentLightest: hsla(0, 0%, 100%, 0.04);
-    --accentLighter: hsla(0, 0%, 100%, 0.16);
-    --accentDarker: hsla(0, 0%, 100%, 0.64);
-  }
-
   .cl-profileSectionTitleText {
     @apply text-zinc-100;
   }