Skip to content

Introduce a New “Bright Theme” to Enhance Visual Accessibility and User Personalization #574

@Anaghanpatil

Description

@Anaghanpatil

Description:
Overview:
Resonate currently offers multiple themes designed around subtle and dual-tone palettes. While these align with the app’s minimalist design philosophy, introducing a new “Bright Theme” can enhance visual accessibility and cater to users who prefer more vibrant and high-contrast interfaces.

Objective:
Design and implement a new theme variant featuring a balanced, lively color palette that complements the existing themes while maintaining consistency with Resonate’s overall design system.

Proposed Enhancements:

Add a new theme configuration named BrightTheme in the app’s theme system.
Define refreshed accent colors for core interactive elements:
• Join Button: Vibrant green shade to signify action.
• Share Icon: Clean blue tone to indicate connectivity.
• Participant Count Icon/Text: Soft complementary tone for clarity and contrast.

Ensure color choices meet accessibility contrast ratios and integrate seamlessly across screens.
Update theme definitions in theme_list.dart and related files as needed.
Expected Impact:

Expands theme customization options for users.
Improves accessibility and visual appeal without disrupting the existing dual-tone themes.
Provides a modern, inclusive aesthetic that aligns with Resonate’s design goals.

Metadata

Metadata

Assignees

Labels

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions