From 8652f04acc30a88fbb267746d2decc6bab23aa6f Mon Sep 17 00:00:00 2001
From: Mariusz Banach <mariusz@outflank.nl>
Date: Wed, 18 Feb 2026 00:48:07 +0100
Subject: [PATCH] MAESTRO: apply dark hacker palette

---
 ...Kit-web-header-analyzer-Phase-03-Header-Input.md |  3 ++-
 frontend/src/app/globals.css                        | 13 +++----------
 2 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/Auto Run Docs/SpecKit-web-header-analyzer-Phase-03-Header-Input.md b/Auto Run Docs/SpecKit-web-header-analyzer-Phase-03-Header-Input.md
index 6d8e96d..bf5242f 100644
--- a/Auto Run Docs/SpecKit-web-header-analyzer-Phase-03-Header-Input.md	
+++ b/Auto Run Docs/SpecKit-web-header-analyzer-Phase-03-Header-Input.md	
@@ -42,9 +42,10 @@ Note: `npx vitest run src/__tests__/AnalyseButton.test.tsx` passes; Vitest emits
 - [x] User can drop an EML/TXT file and see it auto-populate the input
 - [x] Analyse button is disabled when input is empty
 - [x] Ctrl+Enter keyboard shortcut triggers the analyse action
-- [ ] Dark hacker theme is visible with correct colour palette
+- [x] Dark hacker theme is visible with correct colour palette
 - [ ] Validation shows user-friendly errors for empty and oversized input
 - [ ] `npx eslint src/` and `npx prettier --check src/` pass with zero errors
 - [ ] Run `/speckit.analyze` to verify consistency
 
 Note: Wired `FileDropZone` into the main page to populate the header input state on drop.
+Note: Applied the dark hacker palette globally via `frontend/src/app/globals.css`.
diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
index a2dc41e..f82af86 100644
--- a/frontend/src/app/globals.css
+++ b/frontend/src/app/globals.css
@@ -1,8 +1,8 @@
 @import "tailwindcss";
 
 :root {
-  --background: #ffffff;
-  --foreground: #171717;
+  --background: #1e1e2e;
+  --foreground: #f8f8f2;
 }
 
 @theme inline {
@@ -12,15 +12,8 @@
   --font-mono: var(--font-geist-mono);
 }
 
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
-}
-
 body {
   background: var(--background);
   color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;
 }