Pjot/frankenbot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: Improve code/pre readability in both themes

Browse source 
- Dark Mode: Use soft light gray (#d4d4d4) instead of bright blue
- Light Mode: Use dark gray (#404040) for good contrast
- Add subtle border for better code block definition
- Remove hacky bright blue color that was unreadable in light mode
This commit is contained in:
pdyde 2026-02-21 17:06:48 +01:00
parent 2a9941f35f
commit 559eca4d61
1 changed files with 25 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

28
static/style.css
View file

@ -27,6 +27,9 @@
--shadow: 0 30px 60px rgba(0,0,0,.5); --shadow: 0 30px 60px rgba(0,0,0,.5);
--shadow-sm: 0 2px 20px rgba(0,0,0,.3); --shadow-sm: 0 2px 20px rgba(0,0,0,.3);
/* Code/Pre Text - Zartes helles Grau für Dark Mode */
--code-text: #d4d4d4;
/* Subtle Radius */ /* Subtle Radius */
--radius: 20px; --radius: 20px;
--radius-sm: 12px; --radius-sm: 12px;
@ -64,6 +67,9 @@
--border-accent: rgba(239,68,68,.3); --border-accent: rgba(239,68,68,.3);
--shadow: 0 30px 60px rgba(0,0,0,.1); --shadow: 0 30px 60px rgba(0,0,0,.1);
--shadow-sm: 0 2px 20px rgba(0,0,0,.05); --shadow-sm: 0 2px 20px rgba(0,0,0,.05);
/* Code/Pre Text - Dunkles Grau für Light Mode */
--code-text: #404040;
} }
/* ── Reset & Base ─────────────────────────────────────────────────────────── */ /* ── Reset & Base ─────────────────────────────────────────────────────────── */
@ -621,9 +627,25 @@ h4 { font-size: 16px; }
.text-muted { color: var(--text-muted) !important; } .text-muted { color: var(--text-muted) !important; }
.text-secondary { color: var(--text-secondary) !important; } .text-secondary { color: var(--text-secondary) !important; }
.bg-light { background: var(--bg-elevated) !important; } .bg-light { background: var(--bg-elevated) !important; }
pre, code { background: var(--bg-elevated); color: #64d2ff; border-radius: 8px; padding: .2em .5em; font-family: 'JetBrains Mono', monospace; font-size: 13px; }
pre { padding: 1.25rem; overflow-x: auto; line-height: 1.6; } /* Code & Pre - Lesbar in beiden Modi */
hr { border-color: var(--border); opacity: 1; } pre, code {
background: var(--bg-elevated);
color: var(--code-text);
border-radius: 8px;
padding: .2em .5em;
font-family: 'JetBrains Mono', monospace;
font-size: 13px;
border: 1px solid var(--border);
}
pre {
padding: 1.25rem;
overflow-x: auto;
line-height: 1.6;
}
hr { border-color: var(--border); opacity: 1; }
.font-monospace { font-family: 'JetBrains Mono', monospace !important; font-size: 13px !important; } .font-monospace { font-family: 'JetBrains Mono', monospace !important; font-size: 13px !important; }