Skip to content

Redesign Settings with Vertical Navigation#982

Open
skalthoff wants to merge 11 commits intomainfrom
redesign/settings
Open

Redesign Settings with Vertical Navigation#982
skalthoff wants to merge 11 commits intomainfrom
redesign/settings

Conversation

@skalthoff
Copy link
Collaborator

What is the change

Complete overhaul of the Settings UI with a new vertical navigation layout:

  • New vertical settings menu with navigation rows to dedicated screens
  • Individual screens for Appearance, Gestures, Playback, Storage, Privacy & Developer, and About
  • Collapsible settings sections with icons and consistent styling
  • Color preset selection (Purple, Ocean, Forest, Sunset, Peanut) in Appearance
  • Added 'Play Next' swipe action option
  • Improved storage management UI with better organization
  • Download deletion optimizations using parallel execution

What does this address

Improves settings discoverability and organization. The previous tabbed layout was cramped and hard to navigate. The new vertical layout provides a cleaner, more intuitive experience similar to native iOS/Android settings.

Issue number / link

N/A

Tag reviewers

@anultravioletaurora

skalthoff and others added 11 commits January 12, 2026 14:26
…ate into vertical settings

feat(downloads): implement functions to clear and cancel pending downloads in downloads store
…r, Privacy, Storage, and Playback

- Implemented AboutSection to display app information, patrons, and links to report issues and join Discord.
- Created AppearanceSection for theme selection and runtime visibility settings.
- Added GesturesSection to configure swipe actions for tracks.
- Developed DeveloperSection for enabling developer options and submitting PR IDs.
- Introduced PrivacySection for managing analytics and haptic feedback settings.
- Built StorageSection to manage downloaded tracks and auto-download preferences.
- Implemented PlaybackSection for streaming quality and audio normalization settings.
- Added ActionChip component for interactive settings options.
- Created UserProfileHeader to display user and server information.
- Resolved conflicts in ios/Gemfile.lock, button.tsx, component.tsx, and storage-management/index.tsx
- Kept vertical settings redesign as the primary settings UI
- Updated appearance screen to include color preset selection
- Integrated color presets feature from main (purple, ocean, forest, sunset, peanut)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Add new Account screen with profile, library, and server info
- Make profile header tappable to navigate to Account screen
- Fix swipe action icon consistency (use playlist-plus for AddToPlaylist)
- Remove orphaned old tab components (preferences, playback, usage, account, info, labs, gestures tabs)
- Remove unused section components (about, appearance, developer, gestures, playback, privacy, storage sections)
- Remove old settings tab-bar and settings-list-group
- Clean up sections/index.ts exports
@anultravioletaurora
Copy link
Member

anultravioletaurora commented Feb 18, 2026

@skalthoff can you drop some screenshots on this PR? Otherwise I will at some point 🙂

I'm thinking this is going to come nice after nitro player, where there will be a lot more settings we can add (equalizer, etc.)

@skalthoff
Copy link
Collaborator Author

i think that's a perfect plan, this is ready to go but not needed yet, i'll add some screen shots

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants