diff --git a/src/components/TaskList.vue b/src/components/TaskList.vue
index 8939ce8..eba1ddf 100644
--- a/src/components/TaskList.vue
+++ b/src/components/TaskList.vue
@@ -766,7 +766,7 @@ const defaultProps = {
               }
               span:nth-child(2) {
                 width: 100%;
-                color: gray;
+                color: var(--tl-color-text);
                 font-size: 12px;
                 line-height: 12px;
                 @include text-ellipsis;
diff --git a/src/styles/themes.scss b/src/styles/themes.scss
index d87dd27..3de12ad 100644
--- a/src/styles/themes.scss
+++ b/src/styles/themes.scss
@@ -3,7 +3,7 @@
   /** 公共主题 */
   --tl-color-surface-bg: var(--b3-theme-background);
   --tl-color-surface-deep-bg: var(--b3-theme-surface);
-  --tl-color-text: var(--b3-text-color);
+  --tl-color-text: var(--b3-theme-on-background);
   --tl-color-border: var(--b3-border-color);
   --tl-color-btn-bg: var(--b3-toolbar-hover);
   --tl-color-btn-hover-bg: var(--b3-scroll-color-hover);
diff --git a/src/styles/vc-calendar.scss b/src/styles/vc-calendar.scss
index b98741f..8b5f2d7 100644
--- a/src/styles/vc-calendar.scss
+++ b/src/styles/vc-calendar.scss
@@ -54,6 +54,7 @@
         margin-top: 0px;
         button.vc-arrow {
           scale: 0.7;
+          color: var(--tl-color-text) !important;
         }
       }
     }
@@ -62,6 +63,9 @@
         margin-top: 0px;
         .vc-title-wrapper {
           scale: 0.8;
+          .vc-title {
+            color: var(--tl-color-text) !important;
+          }
         }
       }
 
@@ -73,6 +77,7 @@
           height: 20px;
           .vc-weekday {
             scale: 0.9;
+            color: var(--tl-color-text) !important;
           }
         }