diff --git a/app/(dashboard)/analytics/analytics-client.tsx b/app/(dashboard)/analytics/analytics-client.tsx index 8157d9a..2e0356e 100644 --- a/app/(dashboard)/analytics/analytics-client.tsx +++ b/app/(dashboard)/analytics/analytics-client.tsx @@ -22,7 +22,7 @@ type AnalyticsClientProps = { data: AnalyticsData; }; -const COLORS = ["hsl(var(--primary))", "hsl(var(--destructive))", "#eab308", "#3b82f6", "#8b5cf6"]; +const COLORS = ["var(--poyraz-primary)", "var(--poyraz-destructive)", "#eab308", "#3b82f6", "#8b5cf6"]; export function AnalyticsClient({ data }: AnalyticsClientProps) { const router = useRouter(); @@ -98,8 +98,8 @@ export function AnalyticsClient({ data }: AnalyticsClientProps) { `₺${Number(value ?? 0)}`} contentStyle={{ - backgroundColor: 'hsl(var(--background))', - borderColor: 'hsl(var(--border))', + backgroundColor: 'var(--poyraz-background)', + borderColor: 'var(--poyraz-border)', borderRadius: '0.375rem', }} /> @@ -119,9 +119,9 @@ export function AnalyticsClient({ data }: AnalyticsClientProps) {
- - - + + + { diff --git a/app/(dashboard)/analytics/loading.tsx b/app/(dashboard)/analytics/loading.tsx index fba49f2..3f2bf67 100644 --- a/app/(dashboard)/analytics/loading.tsx +++ b/app/(dashboard)/analytics/loading.tsx @@ -1,5 +1,4 @@ -import { Skeleton } from "@/components/ui/skeleton"; -import { Card, CardContent } from "poyraz-ui/atoms"; +import { Card, CardContent, Skeleton } from "poyraz-ui/atoms"; export default function AnalyticsLoading() { return ( diff --git a/app/(dashboard)/clients/loading.tsx b/app/(dashboard)/clients/loading.tsx index c0a1494..b52ed58 100644 --- a/app/(dashboard)/clients/loading.tsx +++ b/app/(dashboard)/clients/loading.tsx @@ -1,5 +1,4 @@ -import { Skeleton } from "@/components/ui/skeleton"; -import { Card, CardContent } from "poyraz-ui/atoms"; +import { Card, CardContent, Skeleton } from "poyraz-ui/atoms"; export default function ClientsLoading() { return ( diff --git a/app/(dashboard)/dashboard-client.tsx b/app/(dashboard)/dashboard-client.tsx index 03a5ff3..ed2284b 100644 --- a/app/(dashboard)/dashboard-client.tsx +++ b/app/(dashboard)/dashboard-client.tsx @@ -111,18 +111,18 @@ export function DashboardClient({ data }: DashboardClientProps) { {incomeTrendData.length > 0 ? ( - + 0 ? ( - + diff --git a/app/(dashboard)/journal/journal-client.tsx b/app/(dashboard)/journal/journal-client.tsx index 6ffdfef..65b5c4f 100644 --- a/app/(dashboard)/journal/journal-client.tsx +++ b/app/(dashboard)/journal/journal-client.tsx @@ -138,12 +138,12 @@ export function JournalClient({ logs }: JournalClientProps) {
- + ) { const { user, profile } = await requireFreelancer(); + const branding = getPublicBranding(); const displayName = profile.displayName || user.name || user.email.split("@")[0] || "Neta Kullanıcısı"; const shortName = @@ -20,6 +22,12 @@ export default async function DashboardLayout({ return ( {query.error && query.message ? : null} ) : ( -

{unavailableMessage}

+ + {unavailableMessage} + ) } secondaryAction={null} diff --git a/app/layout.tsx b/app/layout.tsx index 714cb34..a81f263 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -4,10 +4,17 @@ import "./globals.css"; import { Geist } from "next/font/google"; import { cn } from "@/lib/utils"; import { OfflineIndicator } from "@/components/ui/offline-indicator"; -import { Toaster } from "@/components/ui/toast"; +import { Toaster } from "poyraz-ui/molecules"; import { getPublicBranding } from "@/server/branding/runtime"; const geist = Geist({ subsets: ["latin"], variable: "--font-geist-sans" }); +const colorModeScript = `(() => { + const root = document.documentElement; + const media = window.matchMedia("(prefers-color-scheme: dark)"); + const apply = () => root.classList.toggle("dark", root.dataset.colorMode === "dark" || (root.dataset.colorMode === "system" && media.matches)); + apply(); + if (root.dataset.colorMode === "system") media.addEventListener("change", apply); +})();`; export function generateMetadata(): Metadata { const branding = getPublicBranding(); @@ -42,10 +49,13 @@ export default function RootLayout({ style={branding.cssVariables as CSSProperties} suppressHydrationWarning > + +