From d494bf170cd81ebd2195df28497454fd12d1f53e Mon Sep 17 00:00:00 2001
From: vince <vince292007@gmail.com>
Date: Thu, 18 Jul 2024 22:05:26 +0800
Subject: [PATCH] fix: css introduction order error

---
 packages/@core/shared/design/src/css/global.css | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/@core/shared/design/src/css/global.css b/packages/@core/shared/design/src/css/global.css
index a99ff671..3a060f79 100644
--- a/packages/@core/shared/design/src/css/global.css
+++ b/packages/@core/shared/design/src/css/global.css
@@ -23,14 +23,6 @@
     scroll-behavior: smooth;
     text-rendering: optimizelegibility;
     -webkit-tap-highlight-color: transparent;
-
-    &.invert-mode {
-      @apply invert;
-    }
-
-    &.grayscale-mode {
-      @apply grayscale;
-    }
   }
 
   #app,
@@ -139,3 +131,11 @@
     @apply bg-card text-card-foreground border-border rounded-xl border shadow;
   }
 }
+
+html.invert-mode {
+  @apply invert;
+}
+
+html.grayscale-mode {
+  @apply grayscale;
+}