elpatron/kapteins-daagbok
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

fix: Code- und Profil-Kontrast an App-Theme binden

Browse Source 
Benutzer-ID und Passkey-IDs nutzen jetzt Theme-Token statt System-
prefers-color-scheme, damit Monospace-Text in allen Schemes lesbar bleibt.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
elpatron
2026-05-31 12:43:27 +02:00
co-authored by Cursor
parent 2d64987ada
commit 49b4e7b9c3
3 changed files with 25 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/App.css
+16 -4
View File
@@ -8,6 +8,18 @@ body {
color: var(--app-text); color: var(--app-text);
} }
code {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
color: var(--app-input-text);
background: var(--app-icon-btn-bg);
border: 1px solid var(--app-icon-btn-border);
font-size: 15px;
line-height: 135%;
padding: 4px 8px;
border-radius: 4px;
display: inline-flex;
}
#root:has(.auth-screen) { #root:has(.auth-screen) {
width: 100%; width: 100%;
max-width: none; max-width: none;
@@ -1046,6 +1058,7 @@ html.scheme-dark .themed-select-option.is-selected {
.profile-dl-row dd { .profile-dl-row dd {
margin: 0; margin: 0;
font-size: 14px; font-size: 14px;
color: var(--app-text);
word-break: break-word; word-break: break-word;
text-align: left; text-align: left;
justify-self: start; justify-self: start;
@@ -1059,8 +1072,6 @@ html.scheme-dark .themed-select-option.is-selected {
.profile-user-id code { .profile-user-id code {
font-size: 12px; font-size: 12px;
background: rgba(148, 163, 184, 0.08);
padding: 4px 8px;
border-radius: 6px; border-radius: 6px;
word-break: break-all; word-break: break-all;
} }
@@ -1127,8 +1138,8 @@ html.scheme-dark .themed-select-option.is-selected {
gap: 12px; gap: 12px;
padding: 10px 12px; padding: 10px 12px;
border-radius: 10px; border-radius: 10px;
background: rgba(148, 163, 184, 0.06); background: var(--app-icon-btn-bg);
border: 1px solid rgba(148, 163, 184, 0.12); border: 1px solid var(--app-icon-btn-border);
} }
.profile-passkey-main { .profile-passkey-main {
@@ -1241,6 +1252,7 @@ html.scheme-dark .themed-select-option.is-selected {
display: block; display: block;
font-family: ui-monospace, monospace; font-family: ui-monospace, monospace;
font-size: 13px; font-size: 13px;
color: var(--app-input-text);
} }
.profile-passkey-transports { .profile-passkey-transports {
client/src/index.css
-2
View File
@@ -100,12 +100,10 @@ code,
font-family: var(--mono); font-family: var(--mono);
display: inline-flex; display: inline-flex;
border-radius: 4px; border-radius: 4px;
color: var(--text-h);
} }
code { code {
font-size: 15px; font-size: 15px;
line-height: 135%; line-height: 135%;
padding: 4px 8px; padding: 4px 8px;
background: var(--code-bg);
} }
client/src/themes.css
+9
View File
@@ -403,3 +403,12 @@ html.scheme-light.theme-cupertino {
html.scheme-light #root { html.scheme-light #root {
border-inline-color: var(--app-border-subtle); border-inline-color: var(--app-border-subtle);
} }
/* Bridge legacy index.css tokens to appearance (avoids system color-scheme drift) */
html.scheme-light,
html.scheme-dark {
--text: var(--app-text);
--text-h: var(--app-text-heading);
--code-bg: var(--app-icon-btn-bg);
--border: var(--app-border-subtle);
}