theme

src/style.css

@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
-
 @import "tailwindcss";
 @import "tw-animate-css";
 
@@ -116,30 +114,32 @@
 }
 
 .effect-mica {
-  --effect-bg: rgba(248, 250, 252, 0.75);
-  --effect-blur: blur(16px);
+  --effect-bg: transparent;
+  --effect-blur: none;
 }
 
 .dark.effect-mica {
-  --effect-bg: rgba(15, 23, 42, 0.8);
+  --effect-bg: transparent;
+  --effect-blur: none;
 }
 
 .effect-acrylic {
-  --effect-bg: rgba(248, 250, 252, 0.55);
-  --effect-blur: blur(24px);
+  --effect-bg: transparent;
+  --effect-blur: none;
 }
 
 .dark.effect-acrylic {
-  --effect-bg: rgba(15, 23, 42, 0.65);
+  --effect-bg: transparent;
+  --effect-blur: none;
 }
 
 .effect-normal {
-  --effect-bg: rgba(255, 255, 255, 0.98);
-  --effect-blur: blur(0px);
+  --effect-bg: rgba(255, 255, 255, 0.99);
+  --effect-blur: none;
 }
 
 .dark.effect-normal {
-  --effect-bg: rgba(15, 23, 42, 0.98);
+  --effect-bg: rgba(11, 17, 31, 0.99);
 }
 
 @layer base {
@@ -147,12 +147,15 @@
     @apply border-border outline-ring/50;
   }
   html, body {
-    background: transparent;
+    background: transparent !important;
     @apply text-foreground antialiased;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-feature-settings: 'tnum', 'lnum';
   }
+  body {
+    @apply bg-background text-foreground;
+  }
 }
 
 #app {
@@ -161,13 +164,4 @@
   overflow: hidden;
   background: transparent;
   @apply antialiased;
-}
-
-@layer base {
-  * {
-    @apply border-border outline-ring/50;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
 }