diff --git a/src/components/tooltip.tsx b/src/components/tooltip.tsx
index ab2738d..4b02249 100644
--- a/src/components/tooltip.tsx
+++ b/src/components/tooltip.tsx
@@ -52,9 +52,9 @@ export function Hint({ hint, children }: HintProps) {
                             top: pos.top,
                             left: pos.left,
                             transform: "translateX(-50%)",
-                            background: "#141414",
-                            border: "1px solid #4af626",
-                            color: "#fff",
+                            background: "var(--primary-color)",
+                            border: "1px solid white",
+                            color: "white",
                             padding: "6px 10px",
                             fontSize: "12px",
                             maxWidth: "260px",