diff --git a/src/assets/css/style.scss b/src/assets/css/style.scss
index 152c4879..53327a0f 100644
--- a/src/assets/css/style.scss
+++ b/src/assets/css/style.scss
@@ -69,6 +69,8 @@
 
   //修改的进度条底色
   --color-progress-bar: #d1d5df !important;
+
+  --color-label-bg: whitesmoke;
 }
 
 .footer {
@@ -118,6 +120,8 @@ html.dark {
 
   --color-progress-bar: rgb(73, 77, 82) !important;
 
+  --color-label-bg: rgb(10, 10, 10);
+
   .footer {
     &.hide {
       --color-progress-bar: var(--color-third) !important;
diff --git a/src/components/Book.vue b/src/components/Book.vue
index 3a38ec6d..ae8a6036 100644
--- a/src/components/Book.vue
+++ b/src/components/Book.vue
@@ -65,7 +65,7 @@ const studyProgress = $computed(() => {
   top: 4px;
   right: -22px;
   padding: 1px 20px;
-  background: whitesmoke;
+  background: var(--color-label-bg);
   font-size: 11px;
   transform: rotate(45deg);
 }