fix: fix nextjs example styles

Author: mayank1513

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));
@@ -38,22 +48,6 @@
   --card-border-rgb: 200, 200, 200;
 }
 
-/* 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;