diff --git a/palette/catppuccin.scss b/palette/catppuccin.scss
index 2b71a67..0568bde 100644
--- a/palette/catppuccin.scss
+++ b/palette/catppuccin.scss
@@ -28,6 +28,10 @@
       color: map-get($colour, "pink");
       background: map-get($colour, "mantle");
     }
+    .tooltiptext {
+      background: map-get($colour, "mantle");
+      color: map-get($colour, "text");
+    }
   }
 }
 
diff --git a/src/bin/assets/catppuccin.css b/src/bin/assets/catppuccin.css
index 1ac8146..4bcb45d 100644
--- a/src/bin/assets/catppuccin.css
+++ b/src/bin/assets/catppuccin.css
@@ -162,6 +162,10 @@
   color: #f5c2e7;
   background: #181825;
 }
+.mocha .tooltiptext {
+  background: #181825;
+  color: #cdd6f4;
+}
 
 .macchiato.hljs {
   color: #cad3f5;
@@ -327,6 +331,10 @@
   color: #f5bde6;
   background: #1e2030;
 }
+.macchiato .tooltiptext {
+  background: #1e2030;
+  color: #cad3f5;
+}
 
 .frappe.hljs {
   color: #c6d0f5;
@@ -492,6 +500,10 @@
   color: #f4b8e4;
   background: #292c3c;
 }
+.frappe .tooltiptext {
+  background: #292c3c;
+  color: #c6d0f5;
+}
 
 .latte.hljs {
   color: #4c4f69;
@@ -657,6 +669,10 @@
   color: #ea76cb;
   background: #e6e9ef;
 }
+.latte .tooltiptext {
+  background: #e6e9ef;
+  color: #4c4f69;
+}
 
 .mocha {
   --bg: #1e1e2e;