-
+
)}
diff --git a/src/components/ui/tooltip.tsx b/src/components/ui/tooltip.tsx
index 6fdf76a..0dee3e1 100644
--- a/src/components/ui/tooltip.tsx
+++ b/src/components/ui/tooltip.tsx
@@ -19,7 +19,7 @@ const TooltipContent = React.forwardRef<
ref={ref}
sideOffset={sideOffset}
className={cn(
- "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+ "z-50 overflow-hidden rounded-md shadow bg-white dark:bg-neutral-800 text-black dark:text-neutral-200 px-3 py-1.5 text-xs animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
className
)}
{...props}
diff --git a/src/messages/open-tab.tsx b/src/messages/open-tab.tsx
index f308253..ae17d6b 100644
--- a/src/messages/open-tab.tsx
+++ b/src/messages/open-tab.tsx
@@ -1,18 +1,14 @@
import type { WindowTabItemProps } from "@/components/gui/windows-tab";
import { MessageChannelName, TAB_PREFIX_SAVED_QUERY } from "../const";
import type { Dispatch, SetStateAction } from "react";
-import {
- LucideTable,
- LucideTableProperties,
- LucideUser,
- LucideCog,
-} from "lucide-react";
+import { LucideTableProperties, LucideUser, LucideCog } from "lucide-react";
import QueryWindow from "@/components/gui/tabs/query-tab";
import SchemaEditorTab from "@/components/gui/tabs/schema-editor-tab";
import TableDataWindow from "@/components/gui/tabs/table-data-tab";
import UsersTab from "@/components/gui/tabs/users-tabs";
import TriggerTab from "@/components/gui/tabs/trigger-tab";
import { Binoculars } from "@phosphor-icons/react/dist/ssr";
+import { Table } from "@phosphor-icons/react";
interface OpenTableTab {
type: "table";
@@ -83,7 +79,7 @@ function generateKeyFromTab(tab: OpenTabsProps) {
function generateIconFromTab(tab: OpenTabsProps) {
if (tab.type === "query") return Binoculars;
- if (tab.type === "table") return LucideTable;
+ if (tab.type === "table") return Table;
if (tab.type === "schema") return LucideTableProperties;
if (tab.type === "user") return LucideUser;
diff --git a/tailwind.config.ts b/tailwind.config.ts
index aa06343..ec8c73d 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,4 +1,5 @@
import type { Config } from "tailwindcss";
+import defaultTheme from "tailwindcss/defaultTheme";
const config: Config = {
darkMode: ["class"],
@@ -91,6 +92,10 @@ const config: Config = {
shake: "shake 0.82s cubic-bezier(.36,.07,.19,.97) both",
},
},
+ fontFamily: {
+ ...defaultTheme.fontFamily,
+ sans: ['Inter', 'Helvetica', ...defaultTheme.fontFamily.sans],
+ },
},
plugins: [require("tailwindcss-animate")],
};