Redesign frontend UI with premium SaaS styling and app icon

- Restyle design system: refined color palette, 16px base font, antialiased
  text rendering, improved typography hierarchy across all pages
- Update base components (button, input, card, checkbox, dialog, sidebar)
  with modern rounded corners, subtle shadows, and smooth transitions
- Redesign layout: remove header bar, move controls to sidebar footer,
  add two-column todo dashboard with stats and upcoming reminders
- Replace hardcoded slate colors with design token system throughout
- Add app icon (favicon, apple-icon, sidebar logo) from notify_icon.png
- Improve typography: page titles 20px, section titles 18px, sidebar
  nav 14px, stats 24px semibold, body text with proper line-height

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Michael Dong
2026-02-11 15:19:14 +08:00
parent f34c01afdf
commit 8131ec7af2
25 changed files with 489 additions and 316 deletions

View File

@@ -56,9 +56,11 @@ const config: Config = {
},
},
borderRadius: {
lg: "var(--radius)",
md: "calc(var(--radius) - 2px)",
sm: "calc(var(--radius) - 4px)",
"2xl": "calc(var(--radius) + 4px)",
xl: "var(--radius)",
lg: "calc(var(--radius) - 2px)",
md: "calc(var(--radius) - 4px)",
sm: "calc(var(--radius) - 6px)",
},
},
},