diff --git a/src/views/notice/detail.vue b/src/views/notice/detail.vue
index eafd238..552aec2 100644
--- a/src/views/notice/detail.vue
+++ b/src/views/notice/detail.vue
@@ -11,7 +11,7 @@
                 <div class="single-subtitle d-flex justify-content-between border-bottom pb-2">
                     <div class="text-muted">{{article.created_at}}</div>
                 </div>
-                <div class="edit-content py-4 text-light">
+                <div class="edit-content py-4">
                     <div v-html="article.body"></div>
                 </div>
                 <div class="row mt-3">
@@ -76,6 +76,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.mt-4, .py-4, .my-4{
+    color: #000;
+}
 /deep/ {
     .el-breadcrumb__inner a, .el-breadcrumb__inner.is-link{
         color: #606266;
diff --git a/src/views/notice/index.vue b/src/views/notice/index.vue
index a855756..5ddeee3 100644
--- a/src/views/notice/index.vue
+++ b/src/views/notice/index.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="container">
-    <div class="bg-panel my-4 p-4 rounded">
+    <div class="my-4 p-4 rounded">
       <div class="list">
         <router-link :to="`/notice/${item.id}`" class="item d-flex border-bottom p-2 justify-content-between" v-for="item in list" :key="item.id">
-          <div class="title text-truncate color-light">
+          <div class="title text-truncate">
               {{item.title}}
           </div>
           <div class="time">