Feature Request: Persist Color Scheme and Dark Mode Preferences

[devkit415]

'Choose Color Scheme' and 'Light/Dark' modes under the 'User Menu' are not stored in the user preferences.

When a user logs out, clears the browser cache, or starts a new private session, these settings are reset to default (blue/orange theme).

Users lose their preferred color scheme and dark mode setting across sessions.

Affected Version

v0.10.13-alpha

Requested Feature

Persist the 'Choose Color Scheme' and 'Light/Dark' mode settings as user preferences so they survive:

• Logging out and logging back in
• Clearing browser cache
• Starting a new private session
• Any other scenario where the user session is terminated

Possible Implementation

1. Database Schema: Add two new fields to the User model:

   • is_dark_mode (Boolean, default: false)
   • current_color_scheme (String, default: 'blue')

2. Backend Endpoint: Update /api/user/preferences (POST) to accept and save:

   • is_dark_mode (bool)
   • current_color_scheme (string, enum: 'blue', 'emerald', 'purple', 'rose', 'amber', 'teal')

3. Profile API Response: Include is_dark_mode and current_color_scheme in the profile response (currently returned by /api/user/profile).

4. Frontend Initialization: On app startup, load these preferences from the backend (fallback to localStorage if not present).

5. Theme Application: Ensure the theme is applied consistently when the user opens the app after a session termination.

Expected Behavior

• After selecting a color scheme ('Choose Color Scheme'), the setting is saved to the backend.
• After toggling dark mode, the setting is saved to the backend.
• Upon logging out and logging back in, the user sees their previously selected color scheme and dark mode preference.
• Clearing browser cache or starting a new private session preserves the user's theme preference.
• The theme is applied correctly across all UI elements (menus, panels, etc.).

Additional Context

The frontend already has the necessary UI components (useColorScheme and useDarkMode) and localStorage persistence.

The missing piece is backend persistence. Once these fields are added to the User model and the API, the feature will work seamlessly.

[murtaza-nasir]

Thank you for the suggestion. In v0.10.14-alpha, the light or dark mode and the color scheme are saved with the account, so they are kept after signing out and on other devices and browsers. For existing accounts, nothing is saved until the mode or the scheme is changed, and until then, the current setting of each browser is used. Each setting is saved separately: when the color scheme is changed on one device, the dark mode on other devices is not affected.