diff --git a/app/appearance/themes/daylight/theme.css b/app/appearance/themes/daylight/theme.css
index 9db35e9ac..cad40f575 100644
--- a/app/appearance/themes/daylight/theme.css
+++ b/app/appearance/themes/daylight/theme.css
@@ -51,7 +51,7 @@
 
     /* 提示 */
     --b3-tooltips-background: rgba(0, 0, 0, .9);
-    --b3-tooltips-color: #fff;
+    --b3-tooltips-color: #bababa;
     --b3-tooltips-shadow: 0 2px 8px rgba(0, 0, 0, .1);
 
     /* 遮罩 */
@@ -103,7 +103,7 @@
     --b3-select-background: url("data:image/svg+xml;utf8,<svg fill='rgba(95, 99, 104, .68)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat right 2px center var(--b3-theme-background);
 
     /* 阴影 */
-    --b3-point-shadow:  0 0 1px 0px rgba(0, 0, 0, 0.1), 0 0 2px 0px rgba(0, 0, 0, 0.2);
+    --b3-point-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.1), 0 0 2px 0px rgba(0, 0, 0, 0.2);
     --b3-dialog-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
     --b3-button-shadow: 0px 5px 5px -3px rgb(0 0 0 / 0.2), 0px 8px 10px 1px rgb(0 0 0 / 0.14), 0px 3px 14px 2px rgb(0 0 0 / 0.12);
 
diff --git a/app/src/assets/scss/component/_tooltips.scss b/app/src/assets/scss/component/_tooltips.scss
index afa493b8c..b2e0444f6 100644
--- a/app/src/assets/scss/component/_tooltips.scss
+++ b/app/src/assets/scss/component/_tooltips.scss
@@ -8,7 +8,7 @@
   -webkit-font-smoothing: subpixel-antialiased;
   color: var(--b3-tooltips-color);
   word-wrap: break-word;
-  background: var(--b3-tooltips-background);
+  background-color: var(--b3-tooltips-background);
   border-radius: var(--b3-border-radius);
   line-height: 17px;
   max-width: 320px;
@@ -40,11 +40,11 @@
     font-size: 12px;
     font-weight: normal;
     -webkit-font-smoothing: subpixel-antialiased;
-    color: #fff;
+    color: var(--b3-tooltips-color);
     word-wrap: break-word;
     white-space: pre;
     content: attr(aria-label);
-    background: var(--b3-tooltips-color);
+    background-color: var(--b3-tooltips-background);
     border-radius: var(--b3-border-radius);
     line-height: 17px;
     transform: scale(0.8);
@@ -59,7 +59,6 @@
     z-index: 1000001;
     width: 0;
     height: 0;
-    color: var(--b3-tooltips-color);
     content: "";
     border: 5px solid transparent;
     transform: scale(1.54);
@@ -100,7 +99,7 @@
     right: 50%;
     bottom: -5px;
     margin-right: -5px;
-    border-bottom-color: var(--b3-tooltips-color)
+    border-bottom-color: var(--b3-tooltips-background)
   }
 
   &__se::after {
@@ -128,7 +127,7 @@
     right: 50%;
     bottom: auto;
     margin-right: -5px;
-    border-top-color: var(--b3-tooltips-color)
+    border-top-color: var(--b3-tooltips-background)
   }
 
   &__ne::after {
@@ -163,7 +162,7 @@
     bottom: 50%;
     left: -5px;
     margin-top: -5px;
-    border-left-color: var(--b3-tooltips-color);
+    border-left-color: var(--b3-tooltips-background);
   }
 
   &__e::after {
@@ -184,7 +183,7 @@
     right: -5px;
     bottom: 50%;
     margin-top: -5px;
-    border-right-color: var(--b3-tooltips-color);
+    border-right-color: var(--b3-tooltips-background);
   }
 }
 
diff --git a/app/src/assets/scss/viewerjs/_viewer.scss b/app/src/assets/scss/viewerjs/_viewer.scss
index 0f882b813..6a025394a 100644
--- a/app/src/assets/scss/viewerjs/_viewer.scss
+++ b/app/src/assets/scss/viewerjs/_viewer.scss
@@ -16,7 +16,7 @@
     svg {
       height: 24px;
       width: 12px;
-      color: rgba(255, 255, 255, .78);
+      color: var(--b3-tooltips-color);
     }
   }
 
@@ -165,7 +165,7 @@
       padding: 6px 3px;
 
       & > li {
-        background-color: var(--b3-tooltips-color);
+        background-color: var(--b3-tooltips-background);
         border-radius: 50%;
         cursor: pointer;
         float: left;
@@ -223,9 +223,9 @@
   }
 
   &-tooltip {
-    background-color: var(--b3-tooltips-color);
+    background-color: var(--b3-tooltips-background);
     border-radius: var(--b3-border-radius-b);
-    color: #fff;
+    color: var(--b3-tooltips-color);
     display: none;
     font-size: 12px;
     height: 20px;
@@ -240,21 +240,15 @@
   }
 
   &-title {
-    color: var(--b3-theme-on-secondary);
+    color: var(--b3-theme-on-background);
     display: inline-block;
     font-size: 12px;
     line-height: 1.2;
     margin: 0 5% 5px;
     max-width: 90%;
-    opacity: 0.8;
     overflow: hidden;
     text-overflow: ellipsis;
-    transition: opacity 0.15s;
     white-space: nowrap;
-
-    &:hover {
-      opacity: 1;
-    }
   }
 
   &-button {