diff --git a/Yi.Bbs.Vue3/src/assets/styles/login.css b/Yi.Bbs.Vue3/src/assets/styles/login.css
index ab961daa..fae123da 100644
--- a/Yi.Bbs.Vue3/src/assets/styles/login.css
+++ b/Yi.Bbs.Vue3/src/assets/styles/login.css
@@ -24,6 +24,7 @@
 {
     width: 414px;
     height:522px;
+    border: 1px solid rgba(0, 255, 136, 0.2);
     /* background-color: #FFFFFF; */
 }
 .div-right
@@ -89,22 +90,20 @@ height: 25px;
 }
 .left-btn button
 {
-    border: 1px solid #000;
+    border: 1px solid rgba(0, 255, 136, 0.2);
     width: 100px;
     height: 35px;
     cursor: pointer;
 }
 .btn-login
 {
-    background-color: #EF6562;
-    color: #FFFFFF;
+    color: #000000;
+    background: #00DB73;
 
 }
 .btn-reg
 {
     margin-left: 20px;
-    background-color: #FFFFFF;
-
 }
 .left-lable
 {
@@ -198,7 +197,7 @@ align-items: flex-end;
         width: 414px;
         height:522px;
         /* background-color: #FFFFFF; */
-      
+      border: 1px solid rgba(0, 255, 136, 0.2);
     }
     .div-right-register
     {
@@ -218,4 +217,12 @@ align-items: flex-end;
       {
         width: 100%;
         height: 100%;
-      }
\ No newline at end of file
+      }
+
+.btn-login:hover {
+    box-shadow: 0 10px 25px rgba(0, 255, 136, 0.3);
+}
+.btn-reg:hover {
+        background: rgba(255, 255, 255, 0.1);
+        border-color: rgba(255, 255, 255, 0.3);
+    }
\ No newline at end of file
diff --git a/Yi.Bbs.Vue3/src/layout/AppHeader.vue b/Yi.Bbs.Vue3/src/layout/AppHeader.vue
index 9720a493..f56856ee 100644
--- a/Yi.Bbs.Vue3/src/layout/AppHeader.vue
+++ b/Yi.Bbs.Vue3/src/layout/AppHeader.vue
@@ -91,7 +91,7 @@
 
 
 
-                <div v-if="item.isRead" class="notice-msg" style="background-color: #f7f7f7;">
+                <div v-if="item.isRead" class="notice-msg" >
                   <span class="notice-time">[已读]通知时间： {{ dayjs(item.creationTime).format('YYYY年M月D日 HH时mm分ss秒') }}</span>
                   <div v-html="item.message"></div>
                 </div>
diff --git a/Yi.Bbs.Vue3/src/layout/ChatLayout.vue b/Yi.Bbs.Vue3/src/layout/ChatLayout.vue
index c26fa647..9792bfb3 100644
--- a/Yi.Bbs.Vue3/src/layout/ChatLayout.vue
+++ b/Yi.Bbs.Vue3/src/layout/ChatLayout.vue
@@ -18,6 +18,7 @@ onUnmounted(()=>{
 .chat-body
 {
     height: 100%;
+
     /* padding: 5%; */
     display: flex;
     justify-content: center;
diff --git a/Yi.Bbs.Vue3/src/layout/Index.vue b/Yi.Bbs.Vue3/src/layout/Index.vue
index d1f36e55..f1a013e2 100644
--- a/Yi.Bbs.Vue3/src/layout/Index.vue
+++ b/Yi.Bbs.Vue3/src/layout/Index.vue
@@ -68,7 +68,6 @@ const handleScroll = () => {
   margin: 0;
   padding: 0;
   min-height: 10rem;
-  //background-color: #f0f2f5;
 }
 
 .fixed {
@@ -79,3 +78,4 @@ const handleScroll = () => {
   z-index: 99999;
 }
 </style>
+
diff --git a/Yi.Bbs.Vue3/src/layout/activity/Index.vue b/Yi.Bbs.Vue3/src/layout/activity/Index.vue
index 025373c5..ed89d6c1 100644
--- a/Yi.Bbs.Vue3/src/layout/activity/Index.vue
+++ b/Yi.Bbs.Vue3/src/layout/activity/Index.vue
@@ -39,7 +39,6 @@ const handleScroll = () => {
   }
 };
 </script>
-
 <style scoped lang="scss">
 .common {
   &-layout {
@@ -52,7 +51,7 @@ const handleScroll = () => {
   }
   &-header {
     width: 100%;
-    background-color: #fff;
+    background: #0A0B0C;
     box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
     height: 60px;
     display: flex;
@@ -63,6 +62,7 @@ const handleScroll = () => {
     justify-content: center;
     width: 100%;
     height: calc(100% - 50px);
+    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%);
   }
 }
 
@@ -70,6 +70,7 @@ const handleScroll = () => {
   margin: 0;
   padding: 0;
   min-height: 10rem;
+  //background-color: #f0f2f5;
 }
 
 .fixed {
diff --git a/Yi.Bbs.Vue3/src/layout/activity/components/ActivityBody.vue b/Yi.Bbs.Vue3/src/layout/activity/components/ActivityBody.vue
index 5859c97e..88dcdb0e 100644
--- a/Yi.Bbs.Vue3/src/layout/activity/components/ActivityBody.vue
+++ b/Yi.Bbs.Vue3/src/layout/activity/components/ActivityBody.vue
@@ -23,14 +23,14 @@ import ActivityNav from './ActivityNav.vue'
   .menuList {
     width: 20%;
     height: 100%;
-    background-color: #fff;
-    border-radius: 5px;
+    background-color: #1D1E1F;
+    border: 1px solid rgba(0, 255, 136, 0.2);
   }
   .page {
     width: 75%;
     height: 100%;
-    background-color: #fff;
-    border-radius: 5px;
+    border: 1px solid rgba(0, 255, 136, 0.2);
+    background-color: #1D1E1F;
   }
 }
 </style>
diff --git a/Yi.Bbs.Vue3/src/views/chathub/Index.vue b/Yi.Bbs.Vue3/src/views/chathub/Index.vue
index f4c4400e..8060c349 100644
--- a/Yi.Bbs.Vue3/src/views/chathub/Index.vue
+++ b/Yi.Bbs.Vue3/src/views/chathub/Index.vue
@@ -503,7 +503,7 @@ const clickCopyEvent = async function (event) {
 
 <template>
 
-  <div style="position: absolute; top: 0;left: 0;" v-show="isShowTipNumber>0">
+  <div style="position: absolute; top: 0;left: 0;z-index: 100;" v-show="isShowTipNumber>0">
     <p>当前版本：3.0.0</p>
     <p>tip:官方学习交流群每次发送消息消耗 1 钱钱</p>
     <p>tip:点击聊天窗口右上角"X"可退出</p>
@@ -802,7 +802,7 @@ ul {
 
   .user-list {
     height: calc(100% - 75px);
-
+    color: #000;
 
     overflow-y: auto;
 
diff --git a/Yi.Bbs.Vue3/src/views/discuss/components/tabs.vue b/Yi.Bbs.Vue3/src/views/discuss/components/tabs.vue
index e94a2e19..cd236b3b 100644
--- a/Yi.Bbs.Vue3/src/views/discuss/components/tabs.vue
+++ b/Yi.Bbs.Vue3/src/views/discuss/components/tabs.vue
@@ -57,7 +57,7 @@ const handleClick = (item) => {
 <style scoped lang="scss">
 .tabs {
   display: flex;
-  background-color: #fff;
+border: 1px solid rgba(0, 255, 136, 0.2);
   padding: 1rem;
   margin: 1rem 0rem;
   color: #8c8c8c;
diff --git a/Yi.Bbs.Vue3/src/views/discuss/index.vue b/Yi.Bbs.Vue3/src/views/discuss/index.vue
index c2e7136f..53ea0e4c 100644
--- a/Yi.Bbs.Vue3/src/views/discuss/index.vue
+++ b/Yi.Bbs.Vue3/src/views/discuss/index.vue
@@ -225,7 +225,7 @@ const tabList = ref([
     align-items: center;
   }
   .header {
-    background-color: #ffffff;
+border: 1px solid rgba(0, 255, 136, 0.2);
     padding: 1rem;
     margin: 1rem 0rem;
   }
diff --git a/Yi.Bbs.Vue3/src/views/start/Index.vue b/Yi.Bbs.Vue3/src/views/start/Index.vue
index 408a7db0..107beb59 100644
--- a/Yi.Bbs.Vue3/src/views/start/Index.vue
+++ b/Yi.Bbs.Vue3/src/views/start/Index.vue
@@ -209,7 +209,7 @@ onUnmounted(() => {
         height: 1800px;
         padding: 48px;
         background-color: #fff;
-        border-radius: 12px;
+        border-radius: 0px;
         border: 0;
         box-shadow: 0 0 1rem rgba(0, 0, 0, .08);
         display: flex;