更新主题色

next.config.mjs

@@ -5,11 +5,11 @@ const withNextIntl = createNextIntlPlugin();
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-    reactStrictMode: true,
+  reactStrictMode: true,
   transpilePackages: ['antd-mobile'],
-    sassOptions: {
-      prependData: `@import "./src/styles/variables.scss";`
-    },
+  sassOptions: {
+    prependData: `@import "./src/styles/variables.scss";`
+  },
   images: {
     remotePatterns: [
       {

src/app/globals.css

@@ -19,14 +19,10 @@
   --swiper-pagination-bullet-inactive-color: hsla(0, 0%, 100%, .8);
 
   --adm-color-text: #fff;
-}
-html, body {
-    width: 100vw;
-    height: 100%;
-    min-height: 80%;
-    font-family: helvetica neue, Helvetica, apple sd gothic neo, malgun gothic, Arial, sans-serif;
+  --bg-color:#000000;
 }
 
+
 html {
     font-size: 144px;
 }
@@ -35,6 +31,15 @@ html {
   width: 0;
 }
 
+html, body {
+  /* width: 100vw; */
+  height: 100%;
+  min-height: 80%;
+  font-family: helvetica neue, Helvetica, apple sd gothic neo, malgun gothic, Arial, sans-serif;
+  overflow: hidden;
+  background: #f8f8f8;
+}
+
 #app {
     max-width: 4.02rem;
     width: 100vw;
@@ -42,6 +47,7 @@ html {
     margin: 0 auto;
     font-size: 0.14rem;
     position: relative;
+    background-color: var(--bg-color);
 }
 
 
@@ -52,3 +58,5 @@ html {
 .adm-input input{
   color: #fff;
 }
+
+