Fix tooltip styles in dark theme

Fix #10
jhildenbiddle · Mar 8, 2024 · bf92e9e · bf92e9e
1 parent f0adec3
commit bf92e9e
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/src/core/app.css b/src/core/app.css
@@ -92,6 +92,12 @@ body:not([class*="seamless"]) :is(#typora-sidebar, content) {
     color: unset;
 }
 
+#ty-tooltip {
+    border: 0;
+    background: var(--tooltip-background);
+    color: var(--tooltip-text-color);
+}
+
 /* Auto-suggest (ex: code fence language selection) */
 #ty-auto-suggest {
     border-radius: var(--border-radius);

diff --git a/src/core/vars-theme-dark.css b/src/core/vars-theme-dark.css
@@ -19,10 +19,11 @@
     --color-status: var(--mono-300);
 
     /* App */
-    --input-background : var(--mono-50);
-    --menu-background  : var(--mono-100);
-    --menu-border-width: 1px;
+    --input-background     : var(--mono-50);
+    --menu-background      : var(--mono-100);
+    --menu-border-width    : 1px;
     --scrollbar-thumb-color: var(--mono-200);
+    --tooltip-background   : var(--mono-200);
 
     /* Elements */
     --kbd-background  : var(--mono-100);

diff --git a/src/core/vars-theme.css b/src/core/vars-theme.css
@@ -106,6 +106,8 @@
     --sidebar-hover-background    : var(--color-hover);
     --sidebar-hover-color         : var(--color-hover-content);
     --text-color                  : var(--mono-700);
+    --tooltip-background          : var(--mono-50);
+    --tooltip-text-color          : var(--mono-800);
 
     /* Elements */
     --blockquote-background       : var(--mono-100);