fix: "自定义"标签在暗色主题下看不见

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;

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);
 }