ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

feat: force dark mode and match ciphera-website background

Browse Source
This commit is contained in:
Usman Baig
2026-03-21 18:27:35 +01:00
parent e6910b77ca
commit ec9d1a2c2d
2 changed files with 10 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/layout.tsx
View File

@@ -1,4 +1,4 @@
import { ThemeProviders, Toaster } from '@ciphera-net/ui'
import { Toaster } from '@ciphera-net/ui'
import { AuthProvider } from '@/lib/auth/context'
import SWRProvider from '@/components/SWRProvider'
import type { Metadata, Viewport } from 'next'
@@ -45,15 +45,13 @@ export default function RootLayout({
children: React.ReactNode
}) {
return (
<html lang="en" className={plusJakartaSans.variable} suppressHydrationWarning>
<body className="antialiased min-h-screen flex flex-col bg-white dark:bg-neutral-950 text-neutral-900 dark:text-neutral-50">
<html lang="en" className={`${plusJakartaSans.variable} dark`} suppressHydrationWarning>
<body className="antialiased min-h-screen flex flex-col bg-neutral-950 text-neutral-100">
<SWRProvider>
<ThemeProviders>
<AuthProvider>
<LayoutContent>{children}</LayoutContent>
<Toaster />
</AuthProvider>
</ThemeProviders>
<AuthProvider>
<LayoutContent>{children}</LayoutContent>
<Toaster />
</AuthProvider>
</SWRProvider>
</body>
</html>

29
styles/globals.css
View File

@@ -10,29 +10,6 @@
--color-error: #EF4444;
/* * Chart colors */
--chart-1: #FD5E0F;
--chart-2: #3b82f6;
--chart-3: #22c55e;
--chart-4: #a855f7;
--chart-5: #f59e0b;
--chart-grid: #f5f5f5;
--chart-axis: #a3a3a3;
/* * shadcn-compatible semantic tokens (for 21st.dev components) */
--background: 255 255 255;
--foreground: 23 23 23;
--card: 255 255 255;
--card-foreground: 23 23 23;
--popover: 255 255 255;
--popover-foreground: 23 23 23;
--primary: 253 94 15;
--primary-foreground: 255 255 255;
--secondary: 245 245 245;
--secondary-foreground: 23 23 23;
--destructive-foreground: 255 255 255;
}
.dark {
--chart-1: #FD5E0F;
--chart-2: #60a5fa;
--chart-3: #4ade80;
@@ -41,7 +18,7 @@
--chart-grid: #262626;
--chart-axis: #737373;
/* * shadcn-compatible dark mode overrides */
/* * shadcn-compatible semantic tokens (dark-only) */
--background: 10 10 10;
--foreground: 250 250 250;
--card: 23 23 23;
@@ -54,9 +31,9 @@
--secondary-foreground: 250 250 250;
--destructive-foreground: 255 255 255;
}
body {
@apply bg-white dark:bg-neutral-950;
@apply bg-neutral-950 text-neutral-100 antialiased;
}
}