From bf92e9e564d432f039fa18f49955e8f44d6f868f Mon Sep 17 00:00:00 2001
From: John Hildenbiddle <john@hildenbiddle.com>
Date: Fri, 8 Mar 2024 14:13:04 -0600
Subject: [PATCH] Fix tooltip styles in dark theme

Fix #10
---
 src/core/app.css             | 6 ++++++
 src/core/vars-theme-dark.css | 7 ++++---
 src/core/vars-theme.css      | 2 ++
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/core/app.css b/src/core/app.css
index c957af7..d243812 100644
--- 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
index a453441..5f1eed3 100644
--- 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
index c1acfe2..ea90bcb 100644
--- 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);