Redesign UI theming, typography, and board polish #1

brianfertig · 2026-08-25T19:13:41Z

brianfertig commented

2026-08-25 19:13:41 +00:00

Replace next-themes with a custom ThemeProvider supporting four
themes (Default, Sunset, Dark, Ocean) since next-themes' no-FOUC
script tag breaks under React 19 dev warnings
Swap Geist fonts for Inter/Figtree/JetBrains Mono for a friendlier
display face and add a shared isDarkTheme/colorModeFromTheme helper
so components stop reading next-themes directly
Add per-color "soft"/"softDark" tints in lib/colors.ts so group
cards carry a calm hue-tinted fill instead of a generic gray
Restyle nav, board lanes, group cards, empty states, and page
headers with heading font, tighter spacing, and rounded-2xl surfaces
Add lane "open to-dos" counts, board summary stats, and a quick
"+ To-do" action targeting the first available group
Hide the Scheduled panel below sm and give the app shell a minimum
width with horizontal scroll instead of crushing the board
Fix DropdownMenuLabel to self-wrap in a Menu.Group (Base UI requires
the context) and wrap the admin role Badge trigger in a native button

- Replace next-themes with a custom ThemeProvider supporting four themes (Default, Sunset, Dark, Ocean) since next-themes' no-FOUC script tag breaks under React 19 dev warnings - Swap Geist fonts for Inter/Figtree/JetBrains Mono for a friendlier display face and add a shared isDarkTheme/colorModeFromTheme helper so components stop reading next-themes directly - Add per-color "soft"/"softDark" tints in lib/colors.ts so group cards carry a calm hue-tinted fill instead of a generic gray - Restyle nav, board lanes, group cards, empty states, and page headers with heading font, tighter spacing, and rounded-2xl surfaces - Add lane "open to-dos" counts, board summary stats, and a quick "+ To-do" action targeting the first available group - Hide the Scheduled panel below sm and give the app shell a minimum width with horizontal scroll instead of crushing the board - Fix DropdownMenuLabel to self-wrap in a Menu.Group (Base UI requires the context) and wrap the admin role Badge trigger in a native button

brianfertig added 1 commit 2026-08-25 19:13:42 +00:00

b6b1690fdd Redesign UI theming, typography, and board polish

- Replace next-themes with a custom ThemeProvider supporting four
  themes (Default, Sunset, Dark, Ocean) since next-themes' no-FOUC
  script tag breaks under React 19 dev warnings
- Swap Geist fonts for Inter/Figtree/JetBrains Mono for a friendlier
  display face and add a shared isDarkTheme/colorModeFromTheme helper
  so components stop reading next-themes directly
- Add per-color "soft"/"softDark" tints in lib/colors.ts so group
  cards carry a calm hue-tinted fill instead of a generic gray
- Restyle nav, board lanes, group cards, empty states, and page
  headers with heading font, tighter spacing, and rounded-2xl surfaces
- Add lane "open to-dos" counts, board summary stats, and a quick
  "+ To-do" action targeting the first available group
- Hide the Scheduled panel below sm and give the app shell a minimum
  width with horizontal scroll instead of crushing the board
- Fix DropdownMenuLabel to self-wrap in a Menu.Group (Base UI requires
  the context) and wrap the admin role Badge trigger in a native button

brianfertig merged commit fbf43c57ae into main

2026-08-25 19:25:34 +00:00

brianfertig referenced this issue from a commit

2026-08-25 19:25:37 +00:00

Merge pull request 'Redesign UI theming, typography, and board polish' (#1) from UI-Overhaul-Test2 into main

Sign in to join this conversation.

No reviewers

No Label

No Milestone

No project

No Assignees

1 Participants

Notifications

Due Date

The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: brianfertig/Organize#1