Feat/ui refresh #6

2026-10-28T10:05:49-05:00

iamdoubz commented

2026-10-28 10:05:49 -05:00

No description provided.

iamdoubz added 4 commits 2026-10-28 10:05:49 -05:00

web: answer calls and navigate on a phone fd3f06c167

On an iPhone the incoming call dimmed the screen with no buttons: iOS
zooms into fields under 16px (the 14px login inputs) and stays zoomed,
and the My Phone tabs were wider than the screen, so the centered
dialog was drawn outside what the phone showed.

Fields are 16px on touch screens and buttons at least 44px. The My Phone
tabs and header links fold into a menu button below tablet width. A
ringing call gets its own screen: full screen on a phone, a card on wider
screens, with round Decline and Answer buttons. Esc still declines.

web: theme colors from the logo, readable in both themes 5db4914fa7

Pages used zinc and sky classes with every dark: variant paired by hand,
and several pairs failed WCAG AA: white on the sky-600 buttons (4.1:1),
zinc-500 secondary text on dark backgrounds (3.7-4.1:1), the 10px zinc-400
labels (2.6:1) and the dashboard's green "Connected" (3.3:1).

index.css now defines theme tokens once, light and dark side by side
(page, surface, subtle, line, line-strong, fg, muted, primary and its
soft/line/ink shades, link, focus), exposed to Tailwind with @theme
inline. Pages use those names, so a palette change is one file. Blue
#2563eb from the logo for buttons and links, the logo's navy #0b1120 for
the dark page. Every text pair is at least 4.5:1 in both themes, most 7:1.

Cards and lists sit on the surface color with a light shadow on an
off-white page, at rounded-xl; native controls follow the theme
(color-scheme). Zinc and sky stay only as data colors: status dots and
chart swatches.

web: icons, grouped admin sidebar, Home cards, phone-style softphone

ci / check (push) Successful in 2m5s

Details

ci / images (push) Successful in 3m7s

Details

3d0f091bba

lucide-react (1.56.0) is the one icon set; it hides icons from screen
readers by default and only the icons used are bundled (+6 kB gzipped).
It replaces the ✕ ☀ ☾ ↑ ↓ ▶ ✓ ← characters and the hand-drawn menu and
phone icons.

The admin sidebar's 21 pages are grouped under Call routing, People,
Features, History and System, each with an icon; the current page gets a
left bar. The My Phone tabs have icons and a blue active state.

Home is a greeting and cards (new shared Panel): My status, Missed calls
with a call-back button, New voicemails, with friendly empty states.

Softphone: a status pill (dot and word), call controls as icon-over-label
buttons that are toggles with aria-pressed (Mute, Hold, Keypad, Transfer,
red Hang up), and a round keypad with the letters under the digits.

release: version 0.0.11

ci / check (push) Successful in 1m7s

Details

ci / images (push) Successful in 22s

Details

ci / check (pull_request) Successful in 1m10s

Details

ci / images (pull_request) Successful in 9s

Details

4369dd5ae1

iamdoubz merged commit add90204c0 into main

2026-10-28 10:22:30 -05:00

iamdoubz deleted branch feat/ui-refresh

2026-10-28 10:22:30 -05:00

iamdoubz referenced this issue from a commit

2026-10-28 16:45:13 -05:00

security: recordings, webhooks, Contrack tokens, probe (08 §7 #3 #4 #6 #7)

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: spng/selfphoneng#6