Add styles for tooltips

src/renderer/index.css

@@ -19,6 +19,7 @@
 }
 
 * {
+
     user-select: none;
 }
 
@@ -78,6 +79,26 @@
     background: rgba(0, 0, 0, 0.25);
 }
 
+
+
+.tippy-box[data-theme~='default'] {
+    @apply !bg-neutral-900;
+    color: #fff;
+}
+
+.tippy-box[data-theme~='default'][data-placement^='top'] > .tippy-arrow::before {
+    @apply !border-t-neutral-900
+}
+.tippy-box[data-theme~='default'][data-placement^='bottom'] > .tippy-arrow::before {
+    @apply !border-b-neutral-900
+}
+.tippy-box[data-theme~='default'][data-placement^='left'] > .tippy-arrow::before {
+    @apply !border-l-neutral-900
+}
+.tippy-box[data-theme~='default'][data-placement^='right'] > .tippy-arrow::before {
+    @apply !border-r-neutral-900
+}
+
 @keyframes glowing {
     0% {
         background-position: 0 0;

src/renderer/index.tsx

@@ -1,6 +1,7 @@
 import { createRoot } from "react-dom/client";
 import { HashRouter } from "react-router-dom";
 import "tailwindcss/tailwind.css";
+
 import "./index.css";
 import { IpcService } from "./services/ipc.service";
 import { ThemeService } from "./services/theme.service";