diff --git a/docs/assets/readme/agents.png b/docs/assets/readme/agents.png index b5ea39b..928a9c9 100644 Binary files a/docs/assets/readme/agents.png and b/docs/assets/readme/agents.png differ diff --git a/docs/assets/readme/checks.png b/docs/assets/readme/checks.png index 95fe1ef..30e73d6 100644 Binary files a/docs/assets/readme/checks.png and b/docs/assets/readme/checks.png differ diff --git a/docs/assets/readme/incidents.png b/docs/assets/readme/incidents.png index eb7d85d..078a2dc 100644 Binary files a/docs/assets/readme/incidents.png and b/docs/assets/readme/incidents.png differ diff --git a/docs/assets/readme/outbox.png b/docs/assets/readme/outbox.png index 396cad1..aa1c23f 100644 Binary files a/docs/assets/readme/outbox.png and b/docs/assets/readme/outbox.png differ diff --git a/web/src/app/globals.css b/web/src/app/globals.css index a2dc41e..3d44047 100644 --- a/web/src/app/globals.css +++ b/web/src/app/globals.css @@ -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 { diff --git a/web/src/app/layout.tsx b/web/src/app/layout.tsx index 8e5932f..be04d77 100644 --- a/web/src/app/layout.tsx +++ b/web/src/app/layout.tsx @@ -30,7 +30,7 @@ export default async function RootLayout({ children }: { children: ReactNode }) const summary = hasAppAccess ? await safeLoadSystemSummary() : null; return ( - +