Feature Request: Add Live Theme Preview Selector

[gaurivvv]

Feature Request: Add Live Theme Preview Selector

Description

Currently, users can switch between themes through the tray controls, but there is no visual preview before applying a theme.

I would like to implement a live theme preview selector that displays small animated previews/thumbnails of each visualizer style before selection.

Proposed Features

• Grid/list view of available themes
• Animated mini previews for each theme
• Highlight currently active theme
• Smooth hover and transition effects
• Keyboard accessible navigation
• Responsive settings layout

Benefits

• Improves theme discoverability
• Enhances overall UX
• Makes personalization more intuitive
• Adds a more polished and premium feel to the application

Tech Stack

• Electron
• JavaScript
• HTML/CSS
• Canvas Rendering

Additional Notes

The preview system should remain lightweight and consistent with Paraline’s calm and atmospheric design philosophy.

[bashyamharika]

Hi @gaurivvv

I would like to work on this feature request under GSSoC 2026.

I’m interested in implementing a lightweight and interactive live theme preview selector that aligns with Paraline’s calm and atmospheric UI style.

I plan to:

• Create a responsive grid/list layout for theme previews
• Add animated mini visualizer previews for each theme
• Highlight the currently active theme clearly
• Implement smooth hover and transition effects
• Ensure keyboard accessibility and responsive behavior
• Keep the preview rendering optimized and lightweight for Electron performance

Please assign this issue to me. Thank you!