Buttons: consistent primary, subtle and danger; confirm restarts #316

Closed
opened 2026-10-07 20:43:21 -04:00 by Salastil · 1 comment
Owner
  • The base .button is filled primary blue (theme.css:272-281), so Cancel and Confirm look identical in ReasonPrompt (97), ExportDialog (165-175); AccountsPanel's "Keep it" is filled blue beside a filled red Remove (475-493). .button.primary (app.css:5350) looks like .button with different padding.
  • .button.danger is outlined pale pink in theme.css (297-301) and overridden to filled #c9403c in app.css (2314-2317) without resetting the inherited border; plus three other reds. It is also used for non-destructive actions (Matrix call Decline, room upgrade).
  • "Restart Tor from scratch" and "Restart daemon" (SettingsPanel.tsx:940-948, 1175-1184) are harmless-looking subtle buttons with no confirmation.

Fix: .button primary, .button.subtle (ghost) for every Cancel, one filled --danger button used only where something is destroyed; confirmations for the restarts.

Part of the v1.0 UI pass.

- The base `.button` is filled primary blue (theme.css:272-281), so Cancel and Confirm look identical in ReasonPrompt (97), ExportDialog (165-175); AccountsPanel's "Keep it" is filled blue beside a filled red Remove (475-493). `.button.primary` (app.css:5350) looks like `.button` with different padding. - `.button.danger` is outlined pale pink in theme.css (297-301) and overridden to filled `#c9403c` in app.css (2314-2317) without resetting the inherited border; plus three other reds. It is also used for non-destructive actions (Matrix call Decline, room upgrade). - "Restart Tor from scratch" and "Restart daemon" (SettingsPanel.tsx:940-948, 1175-1184) are harmless-looking `subtle` buttons with no confirmation. **Fix:** `.button` primary, `.button.subtle` (ghost) for every Cancel, one filled `--danger` button used only where something is destroyed; confirmations for the restarts. _Part of the v1.0 UI pass._
Salastil added this to the v1.0 milestone 2026-10-07 20:43:21 -04:00
Salastil added the feature label 2026-10-07 20:43:21 -04:00
Author
Owner

Finished: 2c8609c.

Before (left) and after (right), the export dialog - Cancel and Export were two identical filled blue buttons:

buttons

  • Cancel is the quiet button (button subtle) beside a filled one in the export dialog, the reason prompt, the leave confirmation and "Keep it" in account removal; Decline on a room invitation is quiet too (it was the red destructive button).
  • One danger button: filled --danger with white text. theme.css had an outlined pale-pink version that app.css overrode without resetting its border; there is now only the one definition. Matrix call Decline keeps its red (a hang-up is red everywhere); Remove account, Leave and Delete are the destructive ones.
  • Restart Tor from scratch and Restart daemon ask again in place ("Drop every Tor connection and start again?" with Restart / Cancel, taking itself back after six seconds):

restart asks

Not changed: the room Upgrade button keeps its red - it already has its own confirmation step, and it does change the room irreversibly.

Finished: [2c8609c](https://git.salastil.com/Salastil/moho/commit/2c8609ca987d8d5a799084d896b003ceab5b12ef). Before (left) and after (right), the export dialog - Cancel and Export were two identical filled blue buttons: ![buttons](https://git.salastil.com/attachments/c4179fd7-4e28-405c-8052-f86bcd48245d) - **Cancel is the quiet button** (`button subtle`) beside a filled one in the export dialog, the reason prompt, the leave confirmation and "Keep it" in account removal; Decline on a room invitation is quiet too (it was the red destructive button). - **One danger button**: filled `--danger` with white text. `theme.css` had an outlined pale-pink version that `app.css` overrode without resetting its border; there is now only the one definition. Matrix call Decline keeps its red (a hang-up is red everywhere); Remove account, Leave and Delete are the destructive ones. - **Restart Tor from scratch and Restart daemon ask again in place** ("Drop every Tor connection and start again?" with Restart / Cancel, taking itself back after six seconds): ![restart asks](https://git.salastil.com/attachments/3c2e715d-ea14-47c9-bc06-8f1c017d78ef) Not changed: the room *Upgrade* button keeps its red - it already has its own confirmation step, and it does change the room irreversibly.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Salastil/moho#316