Merge pull request #143 from DoYoungDo/fix_theme_color2

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

src/assets/css/style.scss

@@ -70,6 +70,7 @@
   //修改的进度条底色
   --color-progress-bar: #d1d5df !important;
 
+  --color-label-bg: whitesmoke;
   --color-link: rgb(64, 158, 255)
 }
 
@@ -120,6 +121,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);
 }