feat(ui3): elegant earthy task feed redesign

This commit is contained in:
zenchantlive 2026-02-16 23:20:47 -08:00
parent 9c703072d1
commit 395f90ed2a
9 changed files with 379 additions and 184 deletions

View file

@ -65,13 +65,16 @@
/* ========== RADI ========== */
--radius-sm: 0.375rem;
--radius-card: 0.625rem;
--radius-card: 1.5rem; /* rounded-3xl for soft feel */
--radius-xl: 1.5rem; /* rounded-3xl */
--radius-modal: 1rem;
--radius-pill: 9999px;
/* ========== SHADOWS ========== */
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
--shadow-soft-lg: 0 10px 30px -10px rgba(0, 0, 0, 0.3);
--shadow-soft-xl: 0 20px 40px -10px rgba(0, 0, 0, 0.4);
/* ========== TYPOGRAPHY ========== */
--font-ui-stack: 'Segoe UI', system-ui, -apple-system, sans-serif;
@ -227,6 +230,10 @@ body {
-webkit-backdrop-filter: blur(24px) saturate(120%);
}
.bg-earthy-gradient {
background: linear-gradient(to bottom right, #2D2D2D, #363636);
}
/* Shared dark form controls to avoid white-on-white browser defaults */
.ui-field {
border: 1px solid rgba(255, 255, 255, 0.1);