Force dark dashboard theme
|
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";
|
@import "tailwindcss";
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--background: #ffffff;
|
--background: #0a0a0a;
|
||||||
--foreground: #171717;
|
--foreground: #ededed;
|
||||||
|
color-scheme: dark;
|
||||||
}
|
}
|
||||||
|
|
||||||
@theme inline {
|
@theme inline {
|
||||||
@@ -12,11 +13,10 @@
|
|||||||
--font-mono: var(--font-geist-mono);
|
--font-mono: var(--font-geist-mono);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
:root[data-theme="dark"] {
|
||||||
:root {
|
|
||||||
--background: #0a0a0a;
|
--background: #0a0a0a;
|
||||||
--foreground: #ededed;
|
--foreground: #ededed;
|
||||||
}
|
color-scheme: dark;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
|||||||
@@ -30,7 +30,7 @@ export default async function RootLayout({ children }: { children: ReactNode })
|
|||||||
const summary = hasAppAccess ? await safeLoadSystemSummary() : null;
|
const summary = hasAppAccess ? await safeLoadSystemSummary() : null;
|
||||||
|
|
||||||
return (
|
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">
|
<body className="min-h-full flex flex-col bg-neutral-950 text-neutral-100 font-mono">
|
||||||
<TimeZoneProvider
|
<TimeZoneProvider
|
||||||
configuredTimeZone={configuredTimeZone}
|
configuredTimeZone={configuredTimeZone}
|
||||||
|
|||||||