Files
cameleer-server/ui/src/components/AboutMeDialog.module.css
hsiegeln ba0a1850a9 fix: WCAG AA contrast compliance for --text-muted/--text-faint, 12px font floor
Override design system tokens in app root CSS: --text-muted raised to 4.5:1
contrast in both light (#766A5E) and dark (#9A9088) modes; --text-faint dark
mode raised from catastrophic 1.4:1 to 3:1 (#6A6058). Migrate --text-faint
usages on readable text (empty states, italic notes, buttons) to --text-muted.
Raise all 10px and 11px font-size declarations to 12px floor.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-04-09 18:31:51 +02:00

58 lines
819 B
CSS

.loading {
display: flex;
justify-content: center;
padding: 2rem;
}
.content {
display: flex;
flex-direction: column;
gap: 4px;
}
.metaGrid {
display: grid;
grid-template-columns: auto 1fr;
gap: 6px 16px;
font-size: 12px;
font-family: var(--font-body);
margin-bottom: 8px;
}
.metaLabel {
color: var(--text-muted);
font-weight: 500;
}
.metaValue {
color: var(--text-primary);
}
.tagList {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 4px;
margin-bottom: 8px;
}
.sourceList {
display: flex;
flex-direction: column;
gap: 2px;
margin-bottom: 8px;
}
.sourceNote {
font-size: 12px;
color: var(--text-muted);
font-family: var(--font-mono);
}
.empty {
font-size: 12px;
color: var(--text-muted);
font-style: italic;
font-family: var(--font-body);
}