fix: light theme priority (#402)

Author: Covkie

src/catppuccin-latte.theme.scss

@@ -12,15 +12,6 @@
 @use "@catppuccin/palette/scss/latte" as *;
 @use "@catppuccin/highlightjs/sass/theme";
 
-.visual-refresh.theme-dark,
-.visual-refresh .theme-dark {
-  @import "@catppuccin/palette/scss/frappe";
-  $brand: $blue;
-
-  @import "components/tweaks/dark";
-  @import "theme";
-}
-
 .visual-refresh.theme-light,
 .visual-refresh .theme-light {
   $brand: $blue;
@@ -30,3 +21,12 @@
 
   @include theme.highlights("latte");
 }
+
+.visual-refresh.theme-dark,
+.visual-refresh .theme-dark {
+  @import "@catppuccin/palette/scss/frappe";
+  $brand: $blue;
+
+  @import "components/tweaks/dark";
+  @import "theme";
+}

src/components/tweaks/_light.scss

@@ -1,6 +1,7 @@
 & {
   // flip (Discord light mode uses in places where contrast is good)
   --white: #{$crust} !important;
+  --white-400: #{$crust} !important;
   --white-500: #{$crust} !important;
   --white-600: #{$surface1} !important;
   --white-700: #{$surface2} !important;