m/paliad
1
0
Fork 0
Code Issues 146 Pull Requests 8 Actions 3 Packages Projects Releases Wiki Activity

fix(t-paliad-144): Custom Views CSS — replace bare-name tokens (--surface, --text-muted, --border-subtle, --surface-subtle, --surface-hover) with paliad's actual --color-* tokens. The bare names don't exist in paliad's design system; the hardcoded fallbacks (#fff, rgba(0,0,0,...)) fired in dark mode → light text on white card bg. Fixes contrast on /views list+cards+calendar shapes.

Browse Source
This commit is contained in:
m
2026-05-07 21:00:51 +02:00
parent 99f08e3863
commit d8b84d0c58
1 changed files with 29 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
frontend/src/styles/global.css
View File

@@ -10553,7 +10553,7 @@ dialog.quick-add-sheet::backdrop {
flex-direction: column;
}
.sidebar-views-group .sidebar-views-new {
color: var(--text-muted);
color: var(--color-text-muted);
font-style: italic;
}
.sidebar-views-group .sidebar-user-view-item {
@@ -10581,9 +10581,10 @@ dialog.quick-add-sheet::backdrop {
.views-onboarding {
margin: 24px 0;
padding: 16px;
border: 1px solid var(--border-subtle, rgba(0,0,0,0.08));
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--surface-subtle, rgba(0,0,0,0.02));
background: var(--color-surface-muted);
color: var(--color-text);
}
.views-onboarding-actions {
margin-top: 12px;
@@ -10629,21 +10630,22 @@ dialog.quick-add-sheet::backdrop {
gap: 12px;
align-items: baseline;
padding: 8px 10px;
border-bottom: 1px solid var(--border-subtle, rgba(0,0,0,0.06));
border-bottom: 1px solid var(--color-border);
font-size: 14px;
color: var(--color-text);
}
.views-list-row:hover {
background: var(--surface-hover, rgba(0,0,0,0.03));
background: var(--color-bg-subtle);
}
.views-list-time {
color: var(--text-muted);
color: var(--color-text-muted);
font-variant-numeric: tabular-nums;
}
.views-list-kind {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--text-muted);
color: var(--color-text-muted);
}
.views-list-title {
font-weight: 500;
@@ -10651,11 +10653,11 @@ dialog.quick-add-sheet::backdrop {
.views-list-project,
.views-list-actor {
font-size: 13px;
color: var(--text-muted);
color: var(--color-text-muted);
}
.views-list-subtitle {
grid-column: 3 / -1;
color: var(--text-muted);
color: var(--color-text-muted);
font-size: 13px;
}
@@ -10667,7 +10669,7 @@ dialog.quick-add-sheet::backdrop {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--text-muted);
color: var(--color-text-muted);
margin: 0 0 8px 0;
}
.views-cards-list {
@@ -10680,9 +10682,10 @@ dialog.quick-add-sheet::backdrop {
}
.views-card {
padding: 14px;
border: 1px solid var(--border-subtle, rgba(0,0,0,0.08));
border: 1px solid var(--color-border);
border-radius: 8px;
background: var(--surface, #fff);
background: var(--color-surface);
color: var(--color-text);
}
.views-card-head {
display: flex;
@@ -10693,7 +10696,7 @@ dialog.quick-add-sheet::backdrop {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--text-muted);
color: var(--color-text-muted);
}
.views-card-title {
font-size: 16px;
@@ -10705,17 +10708,17 @@ dialog.quick-add-sheet::backdrop {
flex-wrap: wrap;
gap: 8px;
font-size: 13px;
color: var(--text-muted);
color: var(--color-text-muted);
}
.views-card-meta > * + *::before {
content: "·";
margin-right: 8px;
color: var(--text-muted);
color: var(--color-text-muted);
}
.views-card-subtitle {
margin: 8px 0 0 0;
font-size: 13px;
color: var(--text-muted);
color: var(--color-text-muted);
}
/* shape=calendar. */
@@ -10733,7 +10736,7 @@ dialog.quick-add-sheet::backdrop {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--text-muted);
color: var(--color-text-muted);
padding: 4px;
}
.views-calendar-grid {
@@ -10744,17 +10747,18 @@ dialog.quick-add-sheet::backdrop {
.views-calendar-cell {
min-height: 80px;
padding: 6px;
border: 1px solid var(--border-subtle, rgba(0,0,0,0.06));
border: 1px solid var(--color-border);
border-radius: 4px;
background: var(--surface, #fff);
background: var(--color-surface);
color: var(--color-text);
}
.views-calendar-cell--out {
background: transparent;
border: 1px dashed var(--border-subtle, rgba(0,0,0,0.04));
border: 1px dashed var(--color-border);
}
.views-calendar-cell-day {
font-size: 12px;
color: var(--text-muted);
color: var(--color-text-muted);
margin-bottom: 4px;
}
.views-calendar-pills {
@@ -10769,20 +10773,21 @@ dialog.quick-add-sheet::backdrop {
font-size: 11px;
padding: 2px 4px;
border-radius: 3px;
background: var(--surface-subtle, rgba(0,0,0,0.04));
background: var(--color-surface-muted);
color: var(--color-text);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.views-calendar-pill--more {
color: var(--text-muted);
color: var(--color-text-muted);
text-align: center;
background: transparent;
}
.views-calendar-mobile-notice {
margin: 0 0 12px 0;
font-size: 12px;
color: var(--text-muted);
color: var(--color-text-muted);
font-style: italic;
}