Refactor onboarding to use theme system and responsive layouts #133
Conversation
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
- Replace deprecated Paletter class usage with Theme.of(context) - Add ResponsiveCenter widget for better desktop optimization - Update all onboarding pages to use responsive layouts - Remove hard-coded 400px widths in favor of flexible layouts - Use proper theme colors (surfaceContainerLow, outline, onSurfaceVariant, etc.) Co-authored-by: 1-leo <[email protected]>
- Replace remaining Paletter usage in onboarding_done.dart - Update onboarding_starter_pack.dart with theme colors and responsive layout - Update onboarding_follow_graph.dart with theme colors - Replace all hard-coded 400px widths with flexible layouts Co-authored-by: 1-leo <[email protected]>
- Replace 400px widths with double.infinity in onboarding_invited_by.dart - Replace 400px width with double.infinity in onboarding_profile.dart - Replace 400px width with double.infinity in onboarding_follow_graph.dart - All onboarding pages now use flexible, responsive layouts Co-authored-by: 1-leo <[email protected]>
Copilot
AI
changed the title
[WIP] Refactor onboarding to use app theme and optimize layout
Refactor onboarding to use theme system and responsive layouts
Nov 18, 2025
Copilot finished work on behalf of
1-leo
November 18, 2025 16:02
Collaborator
|
not perfect but usable for now |
1-leo
approved these changes
Nov 19, 2025
nogringo
requested changes
Nov 19, 2025
Collaborator
nogringo
left a comment
nogringo
left a comment
There was a problem hiding this comment.
The checkbox must be different.
nogringo
approved these changes
Nov 20, 2025
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.
Onboarding pages were using deprecated
Paletterclass with hard-coded colors and fixed 400px widths, breaking theme support and desktop optimization.Changes
New Component
LayoutBuilderto constrain content width (600-800px) on desktop while maintaining full width on mobileTheme Integration
Replaced deprecated
Palettermethods with theme colors:Applied Material Design 3 tokens:
surfaceContainerLowfor backgroundsoutlinefor bordersonSurfaceVariantfor secondary textinverseSurfacefor active statesResponsive Layouts
Removed fixed widths in favor of flexible constraints:
Files Modified
responsive_center.dartImpact
Original prompt
✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.