JPSERV/jp_focus
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

redesign #1

Merged
jp merged 17 commits from redesign into develop 2026-03-21 22:50:15 +01:00
Conversation 0 Commits 17 Files changed 145 +5315 -1894
jp commented 2026-03-21 22:49:44 +01:00
Owner
Copy link

Summary

  • add forgejo and jenkins automation helpers
  • redesign
  • redesign: warmer dark mode, more color, monospace task labels, task row backgrounds
  • redesign: Swiss token sweep — overlays, sheet, tiptap, breadcrumbs, focus controls, preferences, error states
  • redesign: statistics components — charts, metric cards, empty states
  • redesign: task-detail, calendar, activity, install prompt, intro dialog, PWA, error boundary
  • redesign: form components — text fields, select, image upload, project forms, members
  • redesign: focus components — stopwatch, wall, timer, users list, badges, activity
  • redesign: project components — task columns, toolbar, selects, sort, skeleton
  • redesign: ui primitives — alert-dialog, checkbox, command, calendar, slider, item, input-group, textarea, popover, select, sonner
  • redesign: dialog & dropdown-menu — paper bg, subtle borders
  • redesign: project board header — lighter chrome
  • redesign: search page — minimal Swiss functional layout
  • redesign: focus page — clean functional layout, no gradients
  • redesign: home dashboard — clean grid layout, mono labels, minimal borders
  • redesign: core UI components — button, card, input, badge, sidebar, login
  • redesign: foundation — DM Sans + JetBrains Mono, Swiss tokens, minimal scrollbar

Links

## Summary - add forgejo and jenkins automation helpers - redesign - redesign: warmer dark mode, more color, monospace task labels, task row backgrounds - redesign: Swiss token sweep — overlays, sheet, tiptap, breadcrumbs, focus controls, preferences, error states - redesign: statistics components — charts, metric cards, empty states - redesign: task-detail, calendar, activity, install prompt, intro dialog, PWA, error boundary - redesign: form components — text fields, select, image upload, project forms, members - redesign: focus components — stopwatch, wall, timer, users list, badges, activity - redesign: project components — task columns, toolbar, selects, sort, skeleton - redesign: ui primitives — alert-dialog, checkbox, command, calendar, slider, item, input-group, textarea, popover, select, sonner - redesign: dialog & dropdown-menu — paper bg, subtle borders - redesign: project board header — lighter chrome - redesign: search page — minimal Swiss functional layout - redesign: focus page — clean functional layout, no gradients - redesign: home dashboard — clean grid layout, mono labels, minimal borders - redesign: core UI components — button, card, input, badge, sidebar, login - redesign: foundation — DM Sans + JetBrains Mono, Swiss tokens, minimal scrollbar ## Links - Compare: https://git.janpeterdhalle.com/JPSERV/jp_focus/compare/develop...redesign
jp added 17 commits 2026-03-21 22:49:44 +01:00 
Amp-Thread-ID: https://ampcode.com/threads/T-019cfbef-13b9-759c-9cbd-94f4b453dbb2
Co-authored-by: Amp <amp@ampcode.com>
Swiss functional style: DM Sans body, mono labels, 1px borders,
restrained color, no border-radius, minimal chrome.

Amp-Thread-ID: https://ampcode.com/threads/T-019cfbef-13b9-759c-9cbd-94f4b453dbb2
Co-authored-by: Amp <amp@ampcode.com>
Swiss functional: section indices in mono, task rows with bottom-border
instead of card borders, cleaner search bar, lighter pinned row.

Amp-Thread-ID: https://ampcode.com/threads/T-019cfbef-13b9-759c-9cbd-94f4b453dbb2
Co-authored-by: Amp <amp@ampcode.com>
Amp-Thread-ID: https://ampcode.com/threads/T-019cfbef-13b9-759c-9cbd-94f4b453dbb2
Co-authored-by: Amp <amp@ampcode.com>
Amp-Thread-ID: https://ampcode.com/threads/T-019cfbef-13b9-759c-9cbd-94f4b453dbb2
Co-authored-by: Amp <amp@ampcode.com>
Amp-Thread-ID: https://ampcode.com/threads/T-019cfbef-13b9-759c-9cbd-94f4b453dbb2
Co-authored-by: Amp <amp@ampcode.com>
Amp-Thread-ID: https://ampcode.com/threads/T-019cfc04-de33-77eb-b0e7-2bf4857e4dc0
Co-authored-by: Amp <amp@ampcode.com>
Amp-Thread-ID: https://ampcode.com/threads/T-019cfc04-de33-77eb-b0e7-2bf4857e4dc0
Co-authored-by: Amp <amp@ampcode.com>
Amp-Thread-ID: https://ampcode.com/threads/T-019cfc04-de33-77eb-b0e7-2bf4857e4dc0
Co-authored-by: Amp <amp@ampcode.com>
Amp-Thread-ID: https://ampcode.com/threads/T-019cfc04-de33-77eb-b0e7-2bf4857e4dc0
Co-authored-by: Amp <amp@ampcode.com>
- Replace all bg-black overlays with bg-ink/40 backdrop-blur-[2px]
- Sheet: 1px borders, text-ink title, no uppercase
- TipTap CSS: use design tokens, DM Sans headings, remove dark block
- RichTextEditor: Swiss mono labels, blue-tint active states
- Breadcrumbs: mono font, ink-faded separators, dot loading
- FocusControls: sentence case buttons, mono connection label
- EventItem: flex layout with mono timestamp
- Preferences: remove bloat text, heading-lg, 1px borders
- ReloadPrompt: paper bg, mono UPDATE label
- Sweep text-destructive → text-primary-red across 13 files
- Sweep text-foreground → text-ink, border-border → border-rule
- Fix unused lucide imports in index.tsx

Amp-Thread-ID: https://ampcode.com/threads/T-019d003e-36ea-73eb-a84a-e2a891f35d4c
Co-authored-by: Amp <amp@ampcode.com>
Dark mode:
- Warmer base: #121215 paper, #1a1a1f paper-warm (not pure black)
- Softer rules: #2a2a30, richer tints for red/blue/yellow/green
- Brighter signal colors: rose, sky blue, amber, emerald

Color & personality:
- State column headers get colored left border accents (blue=TODO, yellow=DOING, green=DONE, red=CANCELLED)
- Dashboard section labels use signal colors: green for Today, yellow for Stale, red for Overdue, blue for Upcoming
- FocusBadge uses green tint background with green text
- TaskListItem shows monospace state abbreviation inline

Monospace treatment:
- Task state labels in TaskRow, StatusSelect: font-mono uppercase tracking-wider
- Priority labels in TaskRow, PrioritySelect: font-mono uppercase tracking-wider
- Column headers: font-mono with tracking-wider
- Drag overlay state label: monospace
- Task count in column headers: font-mono text-xs text-ink-faded

Task row readability:
- Added bg-paper to TaskRow so rows sit cleanly on grid backgrounds

Amp-Thread-ID: https://ampcode.com/threads/T-019d003e-36ea-73eb-a84a-e2a891f35d4c
Co-authored-by: Amp <amp@ampcode.com>
jp merged commit 0313f805d9 into develop 2026-03-21 22:50:15 +01:00
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
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
JPSERV/jp_focus!1
No description provided.