Refine theme and typography for premium UI polish#441
Merged
Merged
Conversation
Updated platformStyles and theme color palettes for a more premium, high-contrast look inspired by high-end finance apps. Unified typography scale for better hierarchy and readability. Refactored styles in the main tab index to use new typography and spacing, improving layout consistency and visual balance.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Updated platformStyles and theme color palettes for a more premium, high-contrast look inspired by high-end finance apps. Unified typography scale for better hierarchy and readability. Refactored styles in the main tab index to use new typography and spacing, improving layout consistency and visual balance.
This pull request focuses on visually refining the app's UI by enhancing the typography scale, updating color palettes for both light and dark themes, and standardizing style usage across the home screen. The changes promote a more premium, readable, and consistent appearance, especially on iOS-inspired surfaces. Additionally, some minor configuration improvements are made for the Java development environment.
UI and Theme Enhancements
platformStyles.typographyscale inconstants/themes.tsfor better readability, hierarchy, and consistency—font sizes, line heights, and weights have been increased and unified for headings, body, and captions.lightThemeanddarkThemewithinconstants/themes.ts, shifting to a more premium, finance-app-inspired look with Bitcoin orange as the primary color, improved background/surface colors, and more consistent accent and border colors.Home Screen Style Improvements (
app/(tabs)/index.tsx)platformStyles.typographyvalues throughout, ensuring consistent font sizes, weights, and spacing for headers, balances, subtitles, and labels. [1] [2] [3] [4]Code Cleanliness
Reactimport inapp/(tabs)/index.tsxto clean up the import statements.Development Environment
"java.configuration.updateBuildConfiguration": "interactive"to.vscode/settings.jsonto improve Java build configuration management for developers.