From 91cffbbffe5fdc6d2d7781db5b40d384f7e6055f Mon Sep 17 00:00:00 2001 From: John O'Keefe Date: Tue, 3 Feb 2026 09:27:54 -0500 Subject: [PATCH] fix: add highlight.js color overrides to input.css - Move code block styling from templates to centralized CSS file - Add highlight.js overrides in @layer components section - Use tokyo-night colors: #16161e for pre blocks, #1a1b26 for inline code - Follows Tailwind best practices: custom CSS in input.css, not templates - Maintains proper theme-adjustable styling --- web/static/input.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/web/static/input.css b/web/static/input.css index 96b5a09..c208a8c 100644 --- a/web/static/input.css +++ b/web/static/input.css @@ -184,4 +184,23 @@ .priority-5 { background-color: #10b981; color: white; } .priority-7 { background-color: #6b7280; color: white; } .priority-10 { background-color: #9ca3af; color: white; } + + /* Override highlight.js hardcoded colors for code blocks */ + .prose pre code.hljs { + background-color: transparent !important; + } + + .prose code.hljs { + background-color: #1a1b26 !important; + padding: 0.2em 0.4em; + } + + .prose pre { + background-color: #16161e !important; + } + + .prose .hljs { + background-color: transparent !important; + color: #c0caf5 !important; + } } \ No newline at end of file