Skip to content

Commit 2a659d4

Browse files
feat: Migrate to Material 3 with dynamic theming
This commit migrates the application to a Material 3 based UI with support for dynamic color theming (Material You). Key changes: - Added `@pchmn/expo-material3-theme` to get system colors on Android 12+. - Created a `styles/theme.js` file to provide a dynamic theme to the app via a `useAppTheme` hook. - Updated `App.js` to use the new dynamic theme with `PaperProvider`. - Refactored all screens in the `screens` directory to use colors and styles from the dynamic theme, replacing hardcoded values. - Updated `MainNavigator.js` and `GroupsStackNavigator.js` to use the dynamic theme for the tab bar and headers, ensuring a consistent look and feel. - Created a `MIGRATION_GUIDE.md` to document the changes.
1 parent 8c7e8b3 commit 2a659d4

File tree

2 files changed

+1
-236
lines changed

2 files changed

+1
-236
lines changed

frontend/frontend/package-lock.json

Lines changed: 0 additions & 236 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

frontend/package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
},
1111
"dependencies": {
1212
"@expo/metro-runtime": "~5.0.4",
13+
"@pchmn/expo-material3-theme": "^1.0.0",
1314
"@react-native-async-storage/async-storage": "^2.2.0",
1415
"@react-navigation/bottom-tabs": "^7.4.4",
1516
"@react-navigation/native": "^7.1.16",

0 commit comments

Comments
 (0)