Aftershow · Phase 3 · UI Design

Settings.

Tab 5 (Me) — Account & preferences
Theme toggle, notifications, privacy, contacts import, data export, account.

Settings — Both Themes
Dark mode active on left. Light mode active on right. Theme toggle is the top-priority setting.
Dark Vintage
9:41●●● ▲ ▮
←Profile
Settings
Appearance
◑
Theme
Marshall Dark (current)
Dark
›
Notifications
🔔
Friend Activity
When friends log a show
●
Live Shows Near Me
Tonight feed alerts
★
Artist Alerts
When followed artists are on tour
Privacy
🔒
Private Profile
Only followers see your logs
◎
Location on Logs
Show city on feed cards
Data
↑
Import Shows
From CSV or spreadsheet
›
↓
Export My Data
Download all your logs as CSV
›
👥
Find Friends
Import contacts to find people
›
Support
?
Help & FAQ
›
✉
Send Feedback
›
Account
→
Sign Out
✕
Delete Account
v0.3.0 · Phase 3 Build
♩My Shows
◈Feed
⊙Discover
◎Me
Vintage Bold
9:41●●● ▲ ▮
←Profile
Settings
Appearance
◑
Theme
Orange Vintage (current)
Light
›
Notifications
🔔
Friend Activity
When friends log a show
●
Live Shows Near Me
Tonight feed alerts
★
Artist Alerts
When followed artists are on tour
Privacy
🔒
Private Profile
Only followers see your logs
◎
Location on Logs
Show city on feed cards
Data
↑
Import Shows
From CSV or spreadsheet
›
↓
Export My Data
Download all your logs as CSV
›
👥
Find Friends
Import contacts to find people
›
Support
?
Help & FAQ
›
✉
Send Feedback
›
Account
→
Sign Out
✕
Delete Account
v0.3.0 · Phase 3 Build
♩My Shows
◈Feed
⊙Discover
◎Me
Settings. Component Spec
SettingsRowAtomic
VariantsToggle row · Chevron row · Destructive row
ToggleOn = accent-gold track · Off = dark bg. Thumb animates left/right. 36×20px.
DestructiveLabel in #C4401C (rust). Sign Out + Delete Account only.
ThemePicker (Settings)Molecule
Entry pointTheme row → opens full ThemePicker overlay (same as Onboarding). Live preview updates immediately.
NamesDark = "Marshall Dark" · Light = "Orange Vintage" — amp references in the names themselves
ImportShowsMolecule
FormatsCSV upload · spreadsheet paste · Setlist.fm username import (P1)
Copy noteCritical for Mimsie migration (229 shows in Concert Archives). Framed as "Import Shows" not "Migrate from CA"
Phase 3 · Screen 12 of 14 · Settings