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>
58 lines
819 B
CSS
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);
|
|
}
|