sandrodach/MindSift
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(themes): improve contrast for code blocks and callouts in light theme

Browse Source
This commit is contained in:
sandrodach committed 2026-10-30 16:12:36 +01:00
1 parent e15b028171
commit 108ac6621c
3 files changed
+17 -14
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

CHANGELOG.md
+3
View File
@@ -6,6 +6,9 @@ Das Format folgt [Keep a Changelog](https://keepachangelog.com/de/1.1.0/), die V
## [Unreleased] ## [Unreleased]
### Fixed
- Light-Theme: Kontraste für Code-Blöcke (`--bg-code`), Callouts (`--bg-panel-elevated`), Zitate und Rahmen auf Notizhintergründen geschärft; VS Code Light+ Syntaxfarben für hohe Lesbarkeit optimiert.
## [0.8.0] - 2026-10-30 ## [0.8.0] - 2026-10-30
### Added ### Added
frontend/src/index.css
+2 -2
View File
@@ -429,11 +429,11 @@ body {
--code-keyword: #0000ff; --code-keyword: #0000ff;
--code-string: #a31515; --code-string: #a31515;
--code-number: #098658; --code-number: #098658;
--code-comment: #008000; --code-comment: #007000;
--code-property: #0451a5; --code-property: #0451a5;
--code-function: #795e26; --code-function: #795e26;
--code-type: #267f99; --code-type: #267f99;
--code-punctuation: #3b3b3b; --code-punctuation: #2e2e2e;
--code-variable: #001080; --code-variable: #001080;
} }
frontend/src/themes/theme-light.css
+12 -12
View File
@@ -14,24 +14,24 @@
/* --- 2. OBERFLÄCHEN & HINTERGRÜNDE --- */ /* --- 2. OBERFLÄCHEN & HINTERGRÜNDE --- */
--bg-app: #f3f4f6; --bg-app: #f3f4f6;
--bg-panel: #ffffff; --bg-panel: #ffffff;
--bg-panel-elevated: #ebedf0; --bg-panel-elevated: #e2e8f0;
--bg-panel-hover: #e2e5ea; --bg-panel-hover: #cbd5e1;
--bg-input: #ffffff; --bg-input: #ffffff;
--bg-overlay: rgba(15, 23, 42, 0.45); --bg-overlay: rgba(15, 23, 42, 0.45);
--bg-code: #f1f5f9; --bg-code: #e2e8f0;
/* --- 3. TEXT & KONTRASTE --- */ /* --- 3. TEXT & KONTRASTE --- */
--text-main: #111827; --text-main: #111827;
--text-muted: #4b5563; --text-muted: #374151;
--text-faint: #9ca3af; --text-faint: #6b7280;
/* --- 4. RAHMEN, LINIEN & SCHATTEN --- */ /* --- 4. RAHMEN, LINIEN & SCHATTEN --- */
--border-color: rgba(17, 24, 39, 0.13); --border-color: rgba(17, 24, 39, 0.18);
--border-subtle: rgba(17, 24, 39, 0.06); --border-subtle: rgba(17, 24, 39, 0.08);
--border-strong: rgba(17, 24, 39, 0.28); --border-strong: rgba(17, 24, 39, 0.32);
--shadow-panel: 0 8px 24px rgba(15, 23, 42, 0.08); --shadow-panel: 0 8px 24px rgba(15, 23, 42, 0.08);
--scrollbar-thumb: rgba(17, 24, 39, 0.18); --scrollbar-thumb: rgba(17, 24, 39, 0.22);
--scrollbar-thumb-hover: rgba(17, 24, 39, 0.32); --scrollbar-thumb-hover: rgba(17, 24, 39, 0.38);
/* --- 5. STATUS- & SIGNALFARBEN --- */ /* --- 5. STATUS- & SIGNALFARBEN --- */
--color-success: #15803d; --color-success: #15803d;
@@ -57,10 +57,10 @@
--code-keyword: #0000ff; --code-keyword: #0000ff;
--code-string: #a31515; --code-string: #a31515;
--code-number: #098658; --code-number: #098658;
--code-comment: #008000; --code-comment: #007000;
--code-property: #0451a5; --code-property: #0451a5;
--code-function: #795e26; --code-function: #795e26;
--code-type: #267f99; --code-type: #267f99;
--code-punctuation: #3b3b3b; --code-punctuation: #2e2e2e;
--code-variable: #001080; --code-variable: #001080;
} }