Component-level alignment pass against services/web-ui/src/css/components/: - btn-primary text: #070403 (near-black) → #f5f7fb (near-white, matches web-ui) - btn-danger text: #fcf7f7 → #fbf6f6 (precise oklch(98% 0.005 25) conversion) - btn-secondary border: border-strong → border; hover: bg-hover + border-strong - button.secondary legacy: same border/hover fix - asset-card bg: bg-surface → bg-panel (matches wd-card-asset) - asset-card hover: remove accent glow + transform + shadow; border → var(--border) only - asset-card hover brightness: moved to img child only (matches web-ui pattern) - asset-card selected: remove box-shadow ring; bg → bg-raised - asset-card border-radius: explicit 6px (was var(--r-md)) - asset-card transition: simplified to border-color with design-system easing - asset-filename: font 11px → font: 500 12px/1.3 (web-ui uses 13px; 12px for panel density) - asset-meta: 10px text-secondary → font: 400 11px/1.3 font-mono + text-tertiary + tabular-nums - asset-status-badge: border-radius 100px → 3px (matches wd-badge) - chip: pad/gap aligned with wd-badge; font: 600 10px/1; added chip--idle + chip--info variants - form-label: 10px text-secondary → font: 600 11px/1 + text-tertiary + margin-bottom: 4px - details-header-label: aligned to font shorthand + 0.08em spacing - details-label: aligned to font: 600 10px/1 - export-panel-title: font shorthand - Add @keyframes wd-shimmer + .skeleton utility - Add @media (prefers-reduced-motion) block - Update file header comment |
||
|---|---|---|
| .. | ||
| capture | ||
| mam-api | ||
| node-agent | ||
| premiere-plugin | ||
| web-ui | ||
| worker | ||