Force dark dashboard theme
Stanislav Rossovskii
|
Before Width: | Height: | Size: 123 KiB After Width: | Height: | Size: 126 KiB |
|
Before Width: | Height: | Size: 89 KiB After Width: | Height: | Size: 94 KiB |
|
Before Width: | Height: | Size: 232 KiB After Width: | Height: | Size: 82 KiB |
|
Before Width: | Height: | Size: 140 KiB After Width: | Height: | Size: 141 KiB |
@@ -1,8 +1,9 @@
|
||||
@import "tailwindcss";
|
||||
|
||||
:root {
|
||||
--background: #ffffff;
|
||||
--foreground: #171717;
|
||||
--background: #0a0a0a;
|
||||
--foreground: #ededed;
|
||||
color-scheme: dark;
|
||||
}
|
||||
|
||||
@theme inline {
|
||||
@@ -12,11 +13,10 @@
|
||||
--font-mono: var(--font-geist-mono);
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background: #0a0a0a;
|
||||
--foreground: #ededed;
|
||||
}
|
||||
:root[data-theme="dark"] {
|
||||
--background: #0a0a0a;
|
||||
--foreground: #ededed;
|
||||
color-scheme: dark;
|
||||
}
|
||||
|
||||
body {
|
||||
|
||||
@@ -30,7 +30,7 @@ export default async function RootLayout({ children }: { children: ReactNode })
|
||||
const summary = hasAppAccess ? await safeLoadSystemSummary() : null;
|
||||
|
||||
return (
|
||||
<html lang="en" className="h-full antialiased">
|
||||
<html lang="en" data-theme="dark" className="h-full antialiased">
|
||||
<body className="min-h-full flex flex-col bg-neutral-950 text-neutral-100 font-mono">
|
||||
<TimeZoneProvider
|
||||
configuredTimeZone={configuredTimeZone}
|
||||
|
||||