style: 全局修改样式主题

Yi.Bbs.Vue3/src/views/home/Index.vue

@@ -154,7 +154,7 @@ margin: 10px auto;">
             <InfoCard header="简介" text="">
               <template #content>
                 <div class="introduce">
-                  没有什么能够阻挡，人类对代码<span style="color: #1890ff">优雅</span>的追求
+                  没有什么能够阻挡，人类对代码<span style="color: #00DA72">优雅</span>的追求
                 </div>
               </template>
             </InfoCard>
@@ -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);

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;
     }
   }
 }

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;
     }
   }
 }

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;