feat: update

src/layout/components/setting/index.vue

@@ -35,14 +35,14 @@ let themeColors = ref<Array<themeColorsType>>([
   { rgb: "245, 34, 45", themeColor: "dusk" },
   // 火山
   { rgb: "250, 84, 28", themeColor: "volcano" },
-  // 日暮
-  { rgb: "250, 84, 28", themeColor: "higurashi" },
+  // 黄色
+  { rgb: "250, 219, 20", themeColor: "yellow" },
   // 明青
   { rgb: "19, 194, 194", themeColor: "mingQing" },
   // 极光绿
   { rgb: "82, 196, 26", themeColor: "auroraGreen" },
-  // 极客蓝
-  { rgb: "47, 84, 235", themeColor: "geekBlue" },
+  // 粉红
+  { rgb: "235, 47, 150", themeColor: "pink" },
   // 酱紫
   { rgb: "114, 46, 209", themeColor: "saucePurple" }
 ]);

src/layout/theme/auroraGreen-vars.scss

@@ -1,11 +1,11 @@
 // 极光绿
 
 $subMenuActiveText: #409eff;
-$menuBg: #38ef7d;
-$menuHover: #e0ebf6;
+$menuBg: #0b1e15;
+$menuHover: #60ac80;
 $subMenuBg: #fff;
-$subMenuHover: #e0ebf6;
+$subMenuHover: #60ac80;
 $navTextColor: #7a80b4;
 $menuText: #7a80b4;
-$sidebarLogo: #3c0e0e;
+$sidebarLogo: #192e22;
 $menuTitleHover: #fff;

src/layout/theme/geekBlue-vars.scss

@@ -1,11 +0,0 @@
-// 极客蓝
-
-$subMenuActiveText: #409eff;
-$menuBg: #302b63;
-$menuHover: #e0ebf6;
-$subMenuBg: #fff;
-$subMenuHover: #e0ebf6;
-$navTextColor: #7a80b4;
-$menuText: #7a80b4;
-$sidebarLogo: #3c0e0e;
-$menuTitleHover: #fff;

src/layout/theme/mingQing-vars.scss

@@ -1,11 +1,11 @@
 // 明青
 
 $subMenuActiveText: #409eff;
-$menuBg: rgb(19, 194, 194);
-$menuHover: #e0ebf6;
+$menuBg: #032121;
+$menuHover: #59bfc1;
 $subMenuBg: #fff;
-$subMenuHover: #e0ebf6;
+$subMenuHover: #59bfc1;
 $navTextColor: #7a80b4;
 $menuText: #7a80b4;
-$sidebarLogo: #3c0e0e;
+$sidebarLogo: #153334;
 $menuTitleHover: #fff;

src/layout/theme/higurashi-vars.scss → src/layout/theme/pink-vars.scss

@@ -1,11 +1,11 @@
-// 日暮
+// 粉红
 
 $subMenuActiveText: #409eff;
-$menuBg: #ffc371;
-$menuHover: #e0ebf6;
+$menuBg: #28081a;
+$menuHover: #d84493;
 $subMenuBg: #fff;
-$subMenuHover: #e0ebf6;
+$subMenuHover: #d84493;
 $navTextColor: #7a80b4;
 $menuText: #7a80b4;
-$sidebarLogo: #3c0e0e;
+$sidebarLogo: #391228;
 $menuTitleHover: #fff;

src/layout/theme/saucePurple-vars.scss

@@ -1,11 +1,11 @@
 // 酱紫
 
 $subMenuActiveText: #409eff;
-$menuBg: #000046;
-$menuHover: #e0ebf6;
+$menuBg: #130824;
+$menuHover: #693ac9;
 $subMenuBg: #fff;
-$subMenuHover: #e0ebf6;
+$subMenuHover: #693ac9;
 $navTextColor: #7a80b4;
 $menuText: #7a80b4;
-$sidebarLogo: #3c0e0e;
+$sidebarLogo: #1c0f35;
 $menuTitleHover: #fff;

src/layout/theme/volcano-vars.scss

@@ -1,11 +1,11 @@
 // 火山
 
-$subMenuActiveText: #409eff;
-$menuBg: #200122;
-$menuHover: #e0ebf6;
-$subMenuBg: #fff;
-$subMenuHover: #e0ebf6;
-$navTextColor: #7a80b4;
-$menuText: #7a80b4;
-$sidebarLogo: #3c0e0e;
+$subMenuActiveText: #fff;
+$menuBg: #2b0e05;
+$menuHover: #e85f33;
+$subMenuBg: #0f0603;
+$subMenuHover: #e85f33;
+$navTextColor: #fff;
+$menuText: rgba(254, 254, 254, 0.65);
+$sidebarLogo: #3f1a0c;
 $menuTitleHover: #fff;

src/layout/theme/yellow-vars.scss

@@ -0,0 +1,11 @@
+// 黄色
+
+$subMenuActiveText: #fff;
+$menuBg: #2b2503;
+$menuHover: #f6da4d;
+$subMenuBg: #0f0603;
+$subMenuHover: #f6da4d;
+$navTextColor: #fff;
+$menuText: rgba(254, 254, 254, 0.65);
+$sidebarLogo: #433a11;
+$menuTitleHover: #fff;

vite.config.ts

@@ -80,9 +80,9 @@ export default ({ command, mode }: ConfigEnv): UserConfigExport => {
               path: pathResolve("src/layout/theme/volcano-vars.scss")
             },
             {
-              // 日暮
-              scopeName: "layout-theme-higurashi",
-              path: pathResolve("src/layout/theme/higurashi-vars.scss")
+              // 黄色
+              scopeName: "layout-theme-yellow",
+              path: pathResolve("src/layout/theme/yellow-vars.scss")
             },
             {
               // 明青
@@ -95,9 +95,9 @@ export default ({ command, mode }: ConfigEnv): UserConfigExport => {
               path: pathResolve("src/layout/theme/auroraGreen-vars.scss")
             },
             {
-              // 极客蓝
-              scopeName: "layout-theme-geekBlue",
-              path: pathResolve("src/layout/theme/geekBlue-vars.scss")
+              // 粉红
+              scopeName: "layout-theme-pink",
+              path: pathResolve("src/layout/theme/pink-vars.scss")
             },
             {
               // 酱紫