diff --git a/src/app/account/login/login.component.html b/src/app/account/login/login.component.html
index 658f29f..2bf3cdc 100644
--- a/src/app/account/login/login.component.html
+++ b/src/app/account/login/login.component.html
@@ -1,6 +1,6 @@
 <!--设置高度，添加bootstrap样式类d-flex align-items-center 使表单垂直居中，justify-content-center水平居中-->
 <div [style]="height" id="login" class="d-flex align-items-center justify-content-center">
-  <div style="color: #fff;">
+  <div class="text-primary">
     <div style="font-size: 40px;font-weight: 700;">Pocket community</div>
     <div style="font-size: 30px;font-weight: 400;">Redefining your community life</div>
   </div>
diff --git a/src/app/forum/notice/notice.component.html b/src/app/forum/notice/notice.component.html
index f2cf5bd..b68008d 100644
--- a/src/app/forum/notice/notice.component.html
+++ b/src/app/forum/notice/notice.component.html
@@ -1,6 +1,6 @@
 <!--设置高度，添加bootstrap样式类d-flex align-items-center 使表单垂直居中，justify-content-center水平居中-->
 <div [style]="height" class="d-flex align-items-center justify-content-center">
-  <form [formGroup]="noticeForm" class="col-6">
+  <form [formGroup]="noticeForm" class="col-10">
     <!--    公告标题-->
     <div class="input-group mb-3 mx-auto col-7">
       <div class="input-group-prepend">
diff --git a/src/styles.scss b/src/styles.scss
index 0dfeb68..dae0fb6 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -2,7 +2,7 @@
 @import '../node_modules/bootstrap/scss/bootstrap';
 
 body{
-    background: rgb(80, 138, 202);
+    background: #eee;
 }
 // 自定义 navBar 背景色
 .bg-light-self {