style: theme

app/styles/themes/coral.scss

@@ -1,14 +1,14 @@
 /* 珊瑚橙主题 */
 @mixin coral-light {
   --primary: rgb(255, 127, 80);
-  --second: rgba(255, 127, 80, 0.1);
+  --second: rgb(253, 246, 243);
   --hover-color: rgb(255, 248, 245);
   --bar-color: rgba(255, 127, 80, 0.1);
 }
 
 @mixin coral-dark {
   --primary: rgb(255, 147, 100);
-  --second: rgba(255, 147, 100, 0.1);
+  --second: rgb(46, 42, 41);
   --hover-color: rgb(38, 35, 34);
   --bar-color: rgba(255, 147, 100, 0.1);
 }

app/styles/themes/mint.scss

@@ -1,14 +1,14 @@
 /* 薄荷绿主题 */
 @mixin mint-light {
   --primary: rgb(22, 177, 155);
-  --second: rgba(22, 177, 155, 0.1);
+  --second: rgb(242, 249, 247);
   --hover-color: rgb(245, 250, 248);
   --bar-color: rgba(22, 177, 155, 0.1);
 }
 
 @mixin mint-dark {
   --primary: rgb(42, 197, 175);
-  --second: rgba(42, 197, 175, 0.1);
+  --second: rgb(41, 46, 45);
   --hover-color: rgb(36, 38, 37);
   --bar-color: rgba(42, 197, 175, 0.1);
 }

app/styles/themes/purple.scss

@@ -1,14 +1,14 @@
 /* 深邃紫主题 */
 @mixin purple-light {
   --primary: rgb(125, 95, 255);
-  --second: rgba(125, 95, 255, 0.1);
+  --second: rgb(245, 244, 252);
   --hover-color: rgb(247, 245, 255);
   --bar-color: rgba(125, 95, 255, 0.1);
 }
 
 @mixin purple-dark {
   --primary: rgb(145, 115, 255);
-  --second: rgba(145, 115, 255, 0.1);
+  --second: rgb(43, 41, 46);
   --hover-color: rgb(37, 35, 38);
   --bar-color: rgba(145, 115, 255, 0.1);
 }

next.config.mjs

@@ -6,7 +6,7 @@ console.log("[Next] build mode", mode);
 const disableChunk = !!process.env.DISABLE_CHUNK || mode === "export";
 console.log("[Next] build with chunk: ", !disableChunk);
 
-const theme = process.env.THEME_COLOR ?? "coral";
+const theme = process.env.THEME_COLOR ?? "mint";
 console.log("[Next] build with theme: ", theme);
 
 /** @type {import('next').NextConfig} */