fix: css introduction order error

2 years ago · d494bf170c
1 changed files with 8 additions and 8 deletions
--- 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;
+}