From 9d061c64062486e47008000c0a59288e92f79641 Mon Sep 17 00:00:00 2001 From: xiaoxian521 <1923740402@qq.com> Date: Sat, 30 Oct 2021 22:11:18 +0800 Subject: [PATCH] feat: update --- src/layout/components/setting/index.vue | 8 ++++---- src/layout/theme/auroraGreen-vars.scss | 8 ++++---- src/layout/theme/geekBlue-vars.scss | 11 ----------- src/layout/theme/mingQing-vars.scss | 8 ++++---- .../{higurashi-vars.scss => pink-vars.scss} | 10 +++++----- src/layout/theme/saucePurple-vars.scss | 8 ++++---- src/layout/theme/volcano-vars.scss | 16 ++++++++-------- src/layout/theme/yellow-vars.scss | 11 +++++++++++ vite.config.ts | 12 ++++++------ 9 files changed, 46 insertions(+), 46 deletions(-) delete mode 100644 src/layout/theme/geekBlue-vars.scss rename src/layout/theme/{higurashi-vars.scss => pink-vars.scss} (54%) create mode 100644 src/layout/theme/yellow-vars.scss diff --git a/src/layout/components/setting/index.vue b/src/layout/components/setting/index.vue index edbdbc3f7..a86a1b534 100644 --- a/src/layout/components/setting/index.vue +++ b/src/layout/components/setting/index.vue @@ -35,14 +35,14 @@ let themeColors = ref>([ { 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" } ]); diff --git a/src/layout/theme/auroraGreen-vars.scss b/src/layout/theme/auroraGreen-vars.scss index bb08d0f74..80cc11943 100644 --- a/src/layout/theme/auroraGreen-vars.scss +++ b/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; diff --git a/src/layout/theme/geekBlue-vars.scss b/src/layout/theme/geekBlue-vars.scss deleted file mode 100644 index ae9c3a00f..000000000 --- a/src/layout/theme/geekBlue-vars.scss +++ /dev/null @@ -1,11 +0,0 @@ -// 极客蓝 - -$subMenuActiveText: #409eff; -$menuBg: #302b63; -$menuHover: #e0ebf6; -$subMenuBg: #fff; -$subMenuHover: #e0ebf6; -$navTextColor: #7a80b4; -$menuText: #7a80b4; -$sidebarLogo: #3c0e0e; -$menuTitleHover: #fff; diff --git a/src/layout/theme/mingQing-vars.scss b/src/layout/theme/mingQing-vars.scss index 6ccc63862..d27be4b1d 100644 --- a/src/layout/theme/mingQing-vars.scss +++ b/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; diff --git a/src/layout/theme/higurashi-vars.scss b/src/layout/theme/pink-vars.scss similarity index 54% rename from src/layout/theme/higurashi-vars.scss rename to src/layout/theme/pink-vars.scss index 5e19c3299..da4b680a9 100644 --- a/src/layout/theme/higurashi-vars.scss +++ b/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; diff --git a/src/layout/theme/saucePurple-vars.scss b/src/layout/theme/saucePurple-vars.scss index 080a309f6..7dc6aba5d 100644 --- a/src/layout/theme/saucePurple-vars.scss +++ b/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; diff --git a/src/layout/theme/volcano-vars.scss b/src/layout/theme/volcano-vars.scss index 9ebe42374..ba57ff54a 100644 --- a/src/layout/theme/volcano-vars.scss +++ b/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; diff --git a/src/layout/theme/yellow-vars.scss b/src/layout/theme/yellow-vars.scss new file mode 100644 index 000000000..c061b2c4d --- /dev/null +++ b/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; diff --git a/vite.config.ts b/vite.config.ts index 6b18d79ee..431d5feb8 100644 --- a/vite.config.ts +++ b/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") }, { // 酱紫