diff --git a/Yi.Bbs.Vue3/index.html b/Yi.Bbs.Vue3/index.html index e65d8ca9..64091a2c 100644 --- a/Yi.Bbs.Vue3/index.html +++ b/Yi.Bbs.Vue3/index.html @@ -9,7 +9,6 @@ - @@ -25,7 +24,7 @@ - + \ No newline at end of file diff --git a/Yi.Bbs.Vue3/package.json b/Yi.Bbs.Vue3/package.json index c44e3749..c6a2e014 100644 --- a/Yi.Bbs.Vue3/package.json +++ b/Yi.Bbs.Vue3/package.json @@ -38,7 +38,7 @@ "devDependencies": { "@vitejs/plugin-vue": "^4.0.0", "copy-webpack-plugin": "^11.0.0", - "sass": "1.52.1", + "sass": "^1.89.2", "unplugin-auto-import": "^0.15.0", "unplugin-vue-components": "^0.24.0", "vite": "^4.1.3", diff --git a/Yi.Bbs.Vue3/src/assets/box/online_bg.svg b/Yi.Bbs.Vue3/src/assets/box/online_bg.svg index 5f99db37..aac25ae0 100644 --- a/Yi.Bbs.Vue3/src/assets/box/online_bg.svg +++ b/Yi.Bbs.Vue3/src/assets/box/online_bg.svg @@ -1,2 +1,2 @@ - + \ No newline at end of file diff --git a/Yi.Bbs.Vue3/src/assets/common/icons/dog.svg b/Yi.Bbs.Vue3/src/assets/common/icons/dog.svg index f316dafb..3a3f6d01 100644 --- a/Yi.Bbs.Vue3/src/assets/common/icons/dog.svg +++ b/Yi.Bbs.Vue3/src/assets/common/icons/dog.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/Yi.Bbs.Vue3/src/assets/github-markdown.css b/Yi.Bbs.Vue3/src/assets/github-markdown.css index 7fa62386..c775ae24 100644 --- a/Yi.Bbs.Vue3/src/assets/github-markdown.css +++ b/Yi.Bbs.Vue3/src/assets/github-markdown.css @@ -7,7 +7,7 @@ -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; line-height: 1.5; - color: #24292e; + color: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; line-height: 1.5; diff --git a/Yi.Bbs.Vue3/src/assets/styles/login.css b/Yi.Bbs.Vue3/src/assets/styles/login.css index 2a8b8489..ab961daa 100644 --- a/Yi.Bbs.Vue3/src/assets/styles/login.css +++ b/Yi.Bbs.Vue3/src/assets/styles/login.css @@ -9,7 +9,7 @@ justify-content: center; align-items: center; height: 100%; - /*background-color: #272162;*/ + background: linear-gradient(135deg, #0a0a0a 0%, #0d1520 30%, #0a0a0a 70%, #0f1520 100%), linear-gradient(135deg, rgba(0, 255, 136, 0.03) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 255, 136, 0.02) 100%); } .div-content @@ -24,7 +24,7 @@ { width: 414px; height:522px; - background-color: #FFFFFF; + /* background-color: #FFFFFF; */ } .div-right { @@ -197,7 +197,7 @@ align-items: flex-end; { width: 414px; height:522px; - background-color: #FFFFFF; + /* background-color: #FFFFFF; */ } .div-right-register diff --git a/Yi.Bbs.Vue3/src/assets/styles/ruoyi.scss b/Yi.Bbs.Vue3/src/assets/styles/ruoyi.scss index acca7fb8..18309ae4 100644 --- a/Yi.Bbs.Vue3/src/assets/styles/ruoyi.scss +++ b/Yi.Bbs.Vue3/src/assets/styles/ruoyi.scss @@ -138,7 +138,7 @@ /** 表格更多操作下拉样式 */ .el-table .el-dropdown-link { cursor: pointer; - color: #409EFF; + color: #00DA72; margin-left: 10px; } diff --git a/Yi.Bbs.Vue3/src/components/AgreeInfo.vue b/Yi.Bbs.Vue3/src/components/AgreeInfo.vue index 20913f40..412730ca 100644 --- a/Yi.Bbs.Vue3/src/components/AgreeInfo.vue +++ b/Yi.Bbs.Vue3/src/components/AgreeInfo.vue @@ -1,6 +1,6 @@ + diff --git a/Yi.Bbs.Vue3/src/layout/Index.vue b/Yi.Bbs.Vue3/src/layout/Index.vue index 467c3818..d1f36e55 100644 --- a/Yi.Bbs.Vue3/src/layout/Index.vue +++ b/Yi.Bbs.Vue3/src/layout/Index.vue @@ -52,7 +52,7 @@ const handleScroll = () => { } &-header { width: 100%; - background: rgba(10, 10, 10, 0.9); + background: #0A0B0C; box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px; height: 60px; display: flex; @@ -60,7 +60,7 @@ const handleScroll = () => { } &-main { - background: linear-gradient(135deg, rgba(0,255,136,0.03) 0%, rgba(0,0,0,0.8) 50%, rgba(0,255,136,0.02) 100%), linear-gradient(135deg, #0a0a0a 0%, #0d1520 30%, #0a0a0a 70%, #0f1520 100%); + background: linear-gradient(135deg, #0a0a0a 0%, #0d1520 30%, #0a0a0a 70%, #0f1520 100%),linear-gradient(135deg, rgba(0, 255, 136, 0.03) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 255, 136, 0.02) 100%); } } diff --git a/Yi.Bbs.Vue3/src/main.js b/Yi.Bbs.Vue3/src/main.js index f048aa58..863b6f57 100644 --- a/Yi.Bbs.Vue3/src/main.js +++ b/Yi.Bbs.Vue3/src/main.js @@ -5,11 +5,12 @@ import App from "./App.vue"; import router from "./router"; import piniaPluginPersistedstate from "pinia-plugin-persistedstate"; -import "element-plus/dist/index.css"; +import 'element-plus/theme-chalk/dark/css-vars.css' +import '@/assets/styles/element-override.css' //重写element + import "./assets/main.css"; import "@/assets/styles/index.scss"; // global css -import 'element-plus/theme-chalk/dark/css-vars.css' -import '@/assets/styles/element/index.scss' //重写element + import * as ElementPlusIconsVue from "@element-plus/icons-vue"; import directive from "./directive"; // directive diff --git a/Yi.Bbs.Vue3/src/views/Article.vue b/Yi.Bbs.Vue3/src/views/Article.vue index 1bfd6829..fab54aa4 100644 --- a/Yi.Bbs.Vue3/src/views/Article.vue +++ b/Yi.Bbs.Vue3/src/views/Article.vue @@ -518,13 +518,13 @@ watch( } .left-div .el-col { - background-color: #ffffff; + background-color: #1D1E1F; min-height: 12rem; margin-bottom: 1rem; } .right-div .el-col { - background-color: #ffffff; + background-color: #1D1E1F; min-height: 10rem; margin-bottom: 1rem; } @@ -548,7 +548,7 @@ watch( h2 { margin-bottom: 0.5em; - color: rgba(0, 0, 0, 0.85); + color: #fff; font-weight: 600; font-size: 30px; line-height: 1.35; diff --git a/Yi.Bbs.Vue3/src/views/chathub/Index.vue b/Yi.Bbs.Vue3/src/views/chathub/Index.vue index 8a1b63d6..f4c4400e 100644 --- a/Yi.Bbs.Vue3/src/views/chathub/Index.vue +++ b/Yi.Bbs.Vue3/src/views/chathub/Index.vue @@ -1182,7 +1182,7 @@ ul { overflow-x: scroll; .header { - background-color: #409eff; + background-color: #00DA72; color: white; height: 30px; display: flex; diff --git a/Yi.Bbs.Vue3/src/views/discuss/components/tabs.vue b/Yi.Bbs.Vue3/src/views/discuss/components/tabs.vue index 9b301a45..e94a2e19 100644 --- a/Yi.Bbs.Vue3/src/views/discuss/components/tabs.vue +++ b/Yi.Bbs.Vue3/src/views/discuss/components/tabs.vue @@ -79,6 +79,6 @@ const handleClick = (item) => { } } .active-tab { - color: #409eff; + color: #00DA72; } diff --git a/Yi.Bbs.Vue3/src/views/home/Index.vue b/Yi.Bbs.Vue3/src/views/home/Index.vue index 769e3983..8dab79fe 100644 --- a/Yi.Bbs.Vue3/src/views/home/Index.vue +++ b/Yi.Bbs.Vue3/src/views/home/Index.vue @@ -154,7 +154,7 @@ margin: 10px auto;"> @@ -545,14 +545,13 @@ const onClickToWeChat = () => { /* 简介卡片样式特别处理 */ .introduce { - color: rgba(0, 0, 0, 0.65); /* 更深的颜色提高对比度 */ font-size: 14px; /* 稍微增大字体 */ line-height: 1.6; /* 增加行高 */ padding: 15px 5px; /* 增加内边距 */ letter-spacing: 0.5px; /* 字间距 */ span { - color: #1890ff; + color: #00DA72; font-weight: 600; /* 加粗 */ padding: 0 2px; /* 增加内边距 */ } @@ -591,11 +590,11 @@ const onClickToWeChat = () => { height: 100%; position: relative; background: url("@/assets/box/online_bg.svg") no-repeat; - background-color: #fff; + background-color: #080E14; background-position: 0 30px; background-size: 150% 100%; - border: 1px solid #409eff; - color: #409eff; + border: 1px solid #00DA72; + color: #00DA72; .content { width: 100%; @@ -631,8 +630,8 @@ const onClickToWeChat = () => { font-size: 12px; text-align: center; border: 1px solid #d9ecff; - color: #409eff; - background-color: #ecf5ff; + color: #000; + background-color: #BFF8DB; } } } @@ -666,10 +665,10 @@ const onClickToWeChat = () => { &:hover { background-color: #ebf5ff; /* 更柔和的悬停色 */ - color: #409eff; /* 文字颜色变化 */ + color: #00DA72; /* 文字颜色变化 */ .el-icon { - color: #409eff; /* 图标颜色跟随变化 */ + color: #00DA72; /* 图标颜色跟随变化 */ transform: scale(1.1); /* 图标微放大 */ } } @@ -680,7 +679,7 @@ const onClickToWeChat = () => { .VisitsLineChart p { display: flex; justify-content: flex-end; - color: #409eff; + color: #000; cursor: pointer; margin-top: 8px; } @@ -699,14 +698,14 @@ const onClickToWeChat = () => { //走马灯，聊天室链接 .chat-hub { - background-color: #E6A23C; +// background-color: #00DA72; color: #ffffff; margin-bottom: 10px; width: 100%; overflow: hidden; white-space: nowrap; box-sizing: border-box; - + border: 1px solid #00DA72; span { color: red; } @@ -757,7 +756,7 @@ const onClickToWeChat = () => { display: inline-block; padding: 5px 12px; background-color: #00DA72; - color: #409eff; + color: #00DA72; font-size: 13px; cursor: pointer; transition: all 0.3s ease; @@ -766,7 +765,7 @@ const onClickToWeChat = () => { overflow: hidden; &:hover { - background-color: #409eff; + background-color: #00DA72; color: #fff !important;/* 悬浮时文字变为白色 */ transform: translateY(-2px); box-shadow: 0 4px 8px rgba(64, 158, 255, 0.25); diff --git a/Yi.Bbs.Vue3/src/views/home/components/PointsRanking/index.vue b/Yi.Bbs.Vue3/src/views/home/components/PointsRanking/index.vue index 829d4abf..0c6d35c4 100644 --- a/Yi.Bbs.Vue3/src/views/home/components/PointsRanking/index.vue +++ b/Yi.Bbs.Vue3/src/views/home/components/PointsRanking/index.vue @@ -91,7 +91,7 @@ const userImageSrc = computed(() => { .name { cursor: pointer; width: 100%; - color: #252933; + color: #ffffff; margin-left: 5px; white-space: nowrap; overflow: hidden; @@ -108,7 +108,7 @@ const userImageSrc = computed(() => { justify-content: flex-start; align-items: center; font-size: 16px; - color: #1171ee; + color: #00DA72; } } } diff --git a/Yi.Bbs.Vue3/src/views/home/components/RecommendFriend/index.vue b/Yi.Bbs.Vue3/src/views/home/components/RecommendFriend/index.vue index 058b5441..8386f179 100644 --- a/Yi.Bbs.Vue3/src/views/home/components/RecommendFriend/index.vue +++ b/Yi.Bbs.Vue3/src/views/home/components/RecommendFriend/index.vue @@ -87,7 +87,7 @@ const userImageSrc = computed(() => { align-items: center; .name { width: 100px; - color: #252933; + color: #fff; margin-left: 5px; white-space: nowrap; overflow: hidden; @@ -107,7 +107,7 @@ const userImageSrc = computed(() => { justify-content: flex-start; align-items: center; font-size: 16px; - color: #1171ee; + color: #00DA72; } } } diff --git a/Yi.Bbs.Vue3/src/views/home/components/RecommendTheme/index.vue b/Yi.Bbs.Vue3/src/views/home/components/RecommendTheme/index.vue index 227ea201..1c1b9594 100644 --- a/Yi.Bbs.Vue3/src/views/home/components/RecommendTheme/index.vue +++ b/Yi.Bbs.Vue3/src/views/home/components/RecommendTheme/index.vue @@ -76,7 +76,7 @@ const handleClickTheme = (id) => { font-size: 16px; cursor: pointer; width: 230px; - color: #252933; + color: #fff; margin-left: 5px; white-space: nowrap; overflow: hidden; @@ -96,7 +96,7 @@ const handleClickTheme = (id) => { width: 30px; margin-left: 10px; cursor: pointer; - color: #252933; + color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; diff --git a/Yi.Bbs.Vue3/src/views/login/index.bak.vue b/Yi.Bbs.Vue3/src/views/login/index.bak.vue index 5a8eeb44..40710b5f 100644 --- a/Yi.Bbs.Vue3/src/views/login/index.bak.vue +++ b/Yi.Bbs.Vue3/src/views/login/index.bak.vue @@ -370,7 +370,7 @@ display: flex; justify-content: flex-end; align-items: center; - color: #409eff; + color: #00DA72; } .top { height: 40px; diff --git a/Yi.Bbs.Vue3/src/views/profile/Index.vue b/Yi.Bbs.Vue3/src/views/profile/Index.vue index dc6dabb1..a99597c8 100644 --- a/Yi.Bbs.Vue3/src/views/profile/Index.vue +++ b/Yi.Bbs.Vue3/src/views/profile/Index.vue @@ -286,11 +286,13 @@ $userHeight: 220px; $remarkHeight: $topHeight - $userHeight; .div-top { padding-top: 10px; - background-color: #ffffff; + border: 1px solid rgba(0, 255, 136, 0.2); + border-radius: 0; + background-color: #1D1E1F; min-height: $topHeight; margin-top: 30px; font-size: 14px; - color: #555666; + color: #fff; &-user { display: flex; width: 100%; @@ -310,7 +312,7 @@ $remarkHeight: $topHeight - $userHeight; padding-top: 5px; padding-bottom: 5px; &-left { - color:#222226; + color:#fff; font-size: 23px; font-weight: 800; .el-tag{ @@ -327,7 +329,7 @@ $remarkHeight: $topHeight - $userHeight; .user-remark span { font-size: larger; font-weight: bold; - color: black; + color: #fff; } p { @@ -366,14 +368,16 @@ width: 80%; &-left { padding-top: 30px; height: 280px; - background-color: #FFFFFF; + background-color: #1D1E1F; + border: 1px solid rgba(0, 255, 136, 0.2); } &-right { - background-color: #f0f2f5; + + background-color: #0C121A; padding-left: 20px; &-content { width: 100%; - background-color: #FFFFFF; + background-color: #0C121A; } } .el-menu diff --git a/Yi.Bbs.Vue3/src/views/shop/Index.vue b/Yi.Bbs.Vue3/src/views/shop/Index.vue index 76b776f4..d439af3a 100644 --- a/Yi.Bbs.Vue3/src/views/shop/Index.vue +++ b/Yi.Bbs.Vue3/src/views/shop/Index.vue @@ -104,7 +104,6 @@ const confirmBuy=async()=>{ margin-bottom: 40px; margin-top: 20px; padding: 20px; - background-color: #ffffff; width: 60%; .title { diff --git a/Yi.Bbs.Vue3/src/views/start/Index.vue b/Yi.Bbs.Vue3/src/views/start/Index.vue index 81fea86c..408a7db0 100644 --- a/Yi.Bbs.Vue3/src/views/start/Index.vue +++ b/Yi.Bbs.Vue3/src/views/start/Index.vue @@ -177,7 +177,6 @@ onUnmounted(() => { .start-body { height: 100%; width: 100%; - background-color: #FCFCFC; } @@ -221,7 +220,7 @@ onUnmounted(() => { &-right { width: 0%; - background-color: #409EFF; + background-color: #00DA72; } @@ -238,7 +237,7 @@ onUnmounted(() => { h4 { font-size: 20px; font-weight: 500; - color: #409EFF; + color: #00DA72; margin-bottom: .25rem; margin-top: 0; diff --git a/Yi.Bbs.Vue3/src/views/start/components/Box.vue b/Yi.Bbs.Vue3/src/views/start/components/Box.vue index 3b81d6b5..fc39d7b9 100644 --- a/Yi.Bbs.Vue3/src/views/start/components/Box.vue +++ b/Yi.Bbs.Vue3/src/views/start/components/Box.vue @@ -23,7 +23,7 @@ watch(()=>props.isSelect,(n,o)=>{ \ No newline at end of file diff --git a/Yi.Bbs.Vue3/src/views/start/components/CodeBox.vue b/Yi.Bbs.Vue3/src/views/start/components/CodeBox.vue index f9c55fde..2c3e9308 100644 --- a/Yi.Bbs.Vue3/src/views/start/components/CodeBox.vue +++ b/Yi.Bbs.Vue3/src/views/start/components/CodeBox.vue @@ -70,7 +70,7 @@ const copyText=async ()=>{ } &-right{ button{ - background-color:#409EFF; + background-color:#00DA72; color: #fff !important; height: 25px; width: 50px; diff --git a/Yi.Bbs.Vue3/src/views/start/components/LableCheck.vue b/Yi.Bbs.Vue3/src/views/start/components/LableCheck.vue index 426b2af0..bf606702 100644 --- a/Yi.Bbs.Vue3/src/views/start/components/LableCheck.vue +++ b/Yi.Bbs.Vue3/src/views/start/components/LableCheck.vue @@ -65,6 +65,6 @@ input[type=checkbox]:checked::after { color: #fff; font-size: 16px; font-weight: bold; - background-color: #409EFF; + background-color: #00DA72; } \ No newline at end of file diff --git a/Yi.Bbs.Vue3/src/views/start/components/LableInput.vue b/Yi.Bbs.Vue3/src/views/start/components/LableInput.vue index 11f2ef8a..e1396928 100644 --- a/Yi.Bbs.Vue3/src/views/start/components/LableInput.vue +++ b/Yi.Bbs.Vue3/src/views/start/components/LableInput.vue @@ -35,7 +35,7 @@ input { width: 100%; } input:hover { - border: 2px solid #409EFF; + border: 2px solid #00DA72; background-color:#FFFFFF; /* 鼠标悬停时的边框颜色 */ } \ No newline at end of file