diff --git a/src/content-scripts/renderer/popup/note-book/index.vue b/src/content-scripts/renderer/popup/note-book/index.vue
index e36d42d..9bfa92b 100644
--- a/src/content-scripts/renderer/popup/note-book/index.vue
+++ b/src/content-scripts/renderer/popup/note-book/index.vue
@@ -56,7 +56,7 @@ export default {
   min-width: 500px;
   height: 100vh;
   overflow-y: scroll;
-  background-color: #646cff80;
+  background-color: rgba(100, 108, 255, 0.8);
   opacity: 1;
   border-radius: 10px;
   z-index: 9999;
diff --git a/src/content-scripts/renderer/popup/note-book/note-list.vue b/src/content-scripts/renderer/popup/note-book/note-list.vue
index be2fc48..9f6ceae 100644
--- a/src/content-scripts/renderer/popup/note-book/note-list.vue
+++ b/src/content-scripts/renderer/popup/note-book/note-list.vue
@@ -194,14 +194,15 @@ export default defineComponent({
   flex-direction: column;
   align-items: center;
   height: 100%;
-  color: #fff;
 
   .note-list-empty-title {
     font-weight: bold;
+    color: #fff;
   }
   .note-list-empty-content {
     font-size: 16px;
     font-weight: 600;
+    color: #fff;
   }
 }
 </style>