Chore ui #9

2026-07-02T13:39:35-05:00

iamdoubz commented

2026-07-02 13:39:35 -05:00

UI looks modern, minimal, and polished and not designed by a 4th grader who had too much cough syrup and a plastic bag full of broken crayons

iamdoubz added 12 commits 2026-07-02 13:39:35 -05:00

feat(ui): add @lucide/svelte for consistent SVG icons 4c40ebc939

Replaces ad-hoc emoji/Unicode-glyph icons (record/stop dots, trash,
checkbox, bell, etc.) throughout the UI — explicitly recommended by
the ui-ux-pro-max design skill over font-dependent emoji icons, which
render inconsistently across systems and can't be themed/sized via CSS.

feat(ui): add ThemeToggle — segmented Monitor/Sun/Moon control 7ae146f99f

Replaces the plain <select> theme dropdown with three icon buttons.
Defaults to "system" (Monitor), matching the existing behavior of
following the OS preference until the user picks an explicit override.

feat(ui): rebuild header + design tokens d50342d865

- Full semantic color token system (surfaces, text, borders, one
  accent color) replacing the previous 4-variable set — light/dark
  designed together, every pairing checked to >=4.5:1 (WCAG AA).
- Global custom scrollbar styling (thin, theme-aware) — the default
  OS scrollbar looked out of place against the app's own chrome.
- ThemeToggle replaces the plain theme <select>.
- Record/Stop buttons and the settings/warning icons are now Lucide
  SVG icons instead of Unicode glyphs (●■⚙⚠); the recording indicator
  is an animated pulsing dot (paused under prefers-reduced-motion)
  instead of a static red dot.
- Elevation (shadow tokens) and consistent radius scale.

feat(ui): polish the meetings list — icons, accent colors, hover states 9052d69912

Search icon inside the input, Trash2/Download/RotateCcw replacing
emoji, tag chips and the selected-item state now use the semantic
accent tokens instead of a hardcoded blue hex, and list rows get a
hover state + an accent-colored left border when selected.

feat(ui): icon-based formatting toolbar for the notes editor 1dd9d57b0f

Bold/Italic/Heading1/Heading2/List/ListChecks Lucide icons replace the
letter/glyph toolbar buttons (bullet "•" and checkbox "☑" in
particular); export buttons get matching icons. Section labels for
Transcript/Notes get icons too, and the reprocess spinner animates
(respecting prefers-reduced-motion).

feat(ui): icon section headers + primary-button styling in the summary panel ecf38d5313

Tags/Summary/Action items/Calendar event/Participants/Speakers each
get a matching icon and a consistent uppercase section-header style;
"Generate summary" becomes a proper primary (accent-filled) button;
the reminder bell emoji becomes a Lucide Bell icon that highlights in
the warning color once checked.

feat(ui): icon nav tabs + elevation for the Settings modal df82b0636d

Recording/Hardware/Storage/Calendar/Sync/Privacy nav tabs get matching
icons; the active tab now uses the accent color instead of an inverted
fg/bg swap. Check/X/AlertTriangle icons replace ✓/✗/✕/⚠ throughout
(connection test result, close button, third-party-cloud warning
banner, no-egress confirmation). The modal itself gets proper
elevation (shadow + larger radius) instead of a flat bordered box.

feat(ui): polish the recording-consent notice 7427165229

Replaces a hardcoded blue (#2563eb) primary button with the semantic
accent token, adds a ShieldAlert icon + heading, and gives it proper
elevation (shadow + radius) to read as a deliberate dialog rather than
a plain bordered box.

style(ui): use the shared radius token in LevelMeter 7ac49e68fc

fix(ui): remove the bright edge around the app in dark mode 11c0dde8a3

html/body sit above .app in the DOM tree and were left with the
browser default (white background + 8px UA-stylesheet margin) — a gap
invisible against the light theme but a bright white outline around
the whole window in dark mode. Mirrors data-theme onto <html> (so the
dark token overrides actually apply up there) and zeroes the
html/body margin.

feat(branding): replace placeholder app icon with the real logo mark 700bcb8f2d

Cropped the speech-bubble-with-sparkles mark from the new
WhispAssist logo/promo graphic (not the full graphic — text and
illustration detail don't read at 16-32px), color-keyed its background
to transparent, and regenerated the whole icon set via `tauri icon`
(title bar, taskbar, system tray, installer). Removed the iOS/Android/
Appx/macOS outputs tauri icon generates by default — this project only
targets Windows.

feat(branding): update app icon to the latest logo revision e084b0bee9

Same speech-bubble-with-sparkles mark, now on its own gradient purple
background instead of a transparent one — cropped from the refined
logo source (mark + gradient, no wordmark text) rather than isolated
via color-keying this time, since the new source is already composed
as a clean standalone icon tile.

iamdoubz merged commit aea79cef92 into main

2026-07-02 13:40:00 -05:00

iamdoubz deleted branch chore_ui

2026-07-02 13:40:00 -05:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: iamdoubz/WhispAssist#9