elvis/pokebox
1
0
Fork 0
Code Issues 4 Pull requests 1 Projects 1 Releases Packages Wiki Activity Actions

Support Dark Mode #4

New issue
Open
opened 2026-06-23 20:37:30 +00:00 by elvis · 1 comment
elvis commented 2026-06-23 20:37:30 +00:00
Owner
Copy link
No description provided.
elvis added this to the pokedex project 2026-06-23 20:37:30 +00:00
elvis commented 2026-06-23 21:04:21 +00:00
Author
Owner
Copy link

Plan: Support Dark Mode Configurations

To support customizable theme selections (Light, Dark, or System Default):

1. **Preferences Storage (`UserPreferences`):**
   * Define a `ThemeOption` enum (`LIGHT`, `DARK`, `SYSTEM`) and save it in `UserPreferences`.
   * Expose it as a flow in `UserPreferences`.

2. **Dynamically Apply Theme in MainActivity:**
   * Retrieve the selected theme option flow inside `MainActivity.kt` and collect it as state.
   * Calculate `useDarkTheme` dynamically:
     ```kotlin
     val useDarkTheme = when (themeOption) {
         ThemeOption.LIGHT -> false
         ThemeOption.DARK -> true
         ThemeOption.SYSTEM -> isSystemInDarkTheme()
     }
     ```
   * Pass the resolved `useDarkTheme` to the root `PokeboxTheme(darkTheme = useDarkTheme)`.

3. **Theme Settings Configuration:**
   * Add theme option toggles (e.g., radio buttons or a drop-down) within the `SettingsScreen` (to be created alongside the onboarding screen).
   * Update the selection in `UserPreferences`, which will automatically trigger recomposition and update colors across the entire app.
### Plan: Support Dark Mode Configurations To support customizable theme selections (Light, Dark, or System Default): 1. **Preferences Storage (`UserPreferences`):** * Define a `ThemeOption` enum (`LIGHT`, `DARK`, `SYSTEM`) and save it in `UserPreferences`. * Expose it as a flow in `UserPreferences`. 2. **Dynamically Apply Theme in MainActivity:** * Retrieve the selected theme option flow inside `MainActivity.kt` and collect it as state. * Calculate `useDarkTheme` dynamically: ```kotlin val useDarkTheme = when (themeOption) { ThemeOption.LIGHT -> false ThemeOption.DARK -> true ThemeOption.SYSTEM -> isSystemInDarkTheme() } ``` * Pass the resolved `useDarkTheme` to the root `PokeboxTheme(darkTheme = useDarkTheme)`. 3. **Theme Settings Configuration:** * Add theme option toggles (e.g., radio buttons or a drop-down) within the `SettingsScreen` (to be created alongside the onboarding screen). * Update the selection in `UserPreferences`, which will automatically trigger recomposition and update colors across the entire app.
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
master
fix/nav-cache-sheet-bugs
No results found.
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
pokedex
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
elvis/pokebox#4
No description provided.