Git/mgeeky-decode-spam-headers
1
0
Fork 0
mirror of https://github.com/mgeeky/decode-spam-headers.git synced 2026-02-22 13:33:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

MAESTRO: apply dark hacker palette

Browse Source
This commit is contained in:
Mariusz Banach
2026-02-18 00:48:07 +01:00
parent 37ac150a94
commit 8652f04acc
2 changed files with 5 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
Auto Run Docs/SpecKit-web-header-analyzer-Phase-03-Header-Input.md
View File

@@ -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] User can drop an EML/TXT file and see it auto-populate the input
- [x] Analyse button is disabled when input is empty - [x] Analyse button is disabled when input is empty
- [x] Ctrl+Enter keyboard shortcut triggers the analyse action - [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 - [ ] Validation shows user-friendly errors for empty and oversized input
- [ ] `npx eslint src/` and `npx prettier --check src/` pass with zero errors - [ ] `npx eslint src/` and `npx prettier --check src/` pass with zero errors
- [ ] Run `/speckit.analyze` to verify consistency - [ ] Run `/speckit.analyze` to verify consistency
Note: Wired `FileDropZone` into the main page to populate the header input state on drop. 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`.

13
frontend/src/app/globals.css
View File

@@ -1,8 +1,8 @@
@import "tailwindcss"; @import "tailwindcss";
:root { :root {
--background: #ffffff; --background: #1e1e2e;
--foreground: #171717; --foreground: #f8f8f2;
} }
@theme inline { @theme inline {
@@ -12,15 +12,8 @@
--font-mono: var(--font-geist-mono); --font-mono: var(--font-geist-mono);
} }
@media (prefers-color-scheme: dark) {
:root {
--background: #0a0a0a;
--foreground: #ededed;
}
}
body { body {
background: var(--background); background: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: Arial, Helvetica, sans-serif; font-family: var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;
} }