diff --git a/app/appearance/themes/daylight/theme.css b/app/appearance/themes/daylight/theme.css
index c6df34e47..9db35e9ac 100644
--- a/app/appearance/themes/daylight/theme.css
+++ b/app/appearance/themes/daylight/theme.css
@@ -50,7 +50,8 @@
     --b3-menu-background: var(--b3-theme-surface);
 
     /* 提示 */
-    --b3-tooltips-color: rgba(0, 0, 0, .9);
+    --b3-tooltips-background: rgba(0, 0, 0, .9);
+    --b3-tooltips-color: #fff;
     --b3-tooltips-shadow: 0 2px 8px rgba(0, 0, 0, .1);
 
     /* 遮罩 */
diff --git a/app/appearance/themes/midnight/theme.css b/app/appearance/themes/midnight/theme.css
index 15f2c1263..9d8d241a5 100644
--- a/app/appearance/themes/midnight/theme.css
+++ b/app/appearance/themes/midnight/theme.css
@@ -50,7 +50,8 @@
     --b3-menu-background: var(--b3-theme-surface);
 
     /* 提示 */
-    --b3-tooltips-color: #030303;
+    --b3-tooltips-background: #030303;
+    --b3-tooltips-color: var(--b3-theme-on-surface-light);
     --b3-tooltips-shadow: 0 2px 8px rgba(0, 0, 0, .3);
 
     /* 遮罩 */
diff --git a/app/src/assets/scss/component/_tooltips.scss b/app/src/assets/scss/component/_tooltips.scss
index 2f76bc29b..afa493b8c 100644
--- a/app/src/assets/scss/component/_tooltips.scss
+++ b/app/src/assets/scss/component/_tooltips.scss
@@ -6,9 +6,9 @@
   font-size: 12px;
   font-weight: normal;
   -webkit-font-smoothing: subpixel-antialiased;
-  color: #fff;
+  color: var(--b3-tooltips-color);
   word-wrap: break-word;
-  background: var(--b3-tooltips-color);
+  background: var(--b3-tooltips-background);
   border-radius: var(--b3-border-radius);
   line-height: 17px;
   max-width: 320px;