fix next.js example styles

react18-tools · Jun 17, 2024 · 5d88527 · 5d88527
1 parent 37bfa35
commit 5d88527
Showing 1 changed file with 12 additions and 16 deletions.
diff --git a/packages/shared/src/global.scss b/packages/shared/src/global.scss
@@ -17,11 +17,21 @@
   --callout-border-rgb: 172, 175, 176;
   --card-rgb: 180, 185, 188;
   --card-border-rgb: 131, 134, 135;
+
+  --bg-color: #fff;
+  --text-color: #534c40;
+  --primary-glow: conic-gradient(
+    from 180deg at 50% 50%,
+    #b916ff83 0deg,
+    #ff08bd53 55deg,
+    #ff54b583 120deg,
+    #ff006683 160deg
+  );
+  --secondary-glow: radial-gradient(#aaf5, #f0f0, #f0f0);
 }
 
 /* dark themes */
-.dark,
-.dark ~ * {
+.dark {
   --bg-color: #000;
   --text-color: #9ca3af;
   --primary-glow: radial-gradient(rgba(1, 65, 255, 0.4), rgba(1, 65, 255, 0));
@@ -40,20 +50,6 @@
 
 /* light themes */
 
-.light,
-.light ~ * {
-  --bg-color: #fff;
-  --text-color: #534c40;
-  --primary-glow: conic-gradient(
-    from 180deg at 50% 50%,
-    #b916ff83 0deg,
-    #ff08bd53 55deg,
-    #ff54b583 120deg,
-    #ff006683 160deg
-  );
-  --secondary-glow: radial-gradient(#aaf5, #f0f0, #f0f0);
-}
-
 html {
   padding: 0;
   margin: 0;