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

29
styles/globals.css
View File

@@ -10,29 +10,6 @@
--color-error: #EF4444; --color-error: #EF4444;
/* * Chart colors */ /* * 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-1: #FD5E0F;
--chart-2: #60a5fa; --chart-2: #60a5fa;
--chart-3: #4ade80; --chart-3: #4ade80;
@@ -41,7 +18,7 @@
--chart-grid: #262626; --chart-grid: #262626;
--chart-axis: #737373; --chart-axis: #737373;
/* * shadcn-compatible dark mode overrides */ /* * shadcn-compatible semantic tokens (dark-only) */
--background: 10 10 10; --background: 10 10 10;
--foreground: 250 250 250; --foreground: 250 250 250;
--card: 23 23 23; --card: 23 23 23;
@@ -54,9 +31,9 @@
--secondary-foreground: 250 250 250; --secondary-foreground: 250 250 250;
--destructive-foreground: 255 255 255; --destructive-foreground: 255 255 255;
} }
body { body {
@apply bg-white dark:bg-neutral-950; @apply bg-neutral-950 text-neutral-100 antialiased;
} }
} }