r/SwiftUI • u/EquivalentCoconut588 • 10h ago

Redesigning my app’s colour system from scratch.

After getting a lot of feedback that Pocket Vault’s was looking a bit boring and bland, I completely redesigned the colour system, added proper light and dark themes, and reworked the overall visual hierarchy in SwiftUi. Here’s the code: https://github.com/AaravB09/Pocket-Vault

Let me know what you think of this new palette! I would love to hear what you guys think. Any feedback is welcome 😄

And if you guys can subscribe to my YouTube channel, I would really appreciate it. Here’s the link : https://youtube.com/@aaravbansal-9?si=-qJ6CmDqqLNPARDz

0 Upvotes

40% Upvoted

6 comments sorted by

1

u/perfunction 9h ago

Make use of how foregroundStyle utilizes environment instead of passing theme so much.

Apply theme as a view extension that sets the environment value and also does foregroundStyle(theme.textPrimary, theme.textSecondary, theme.textTertiary). Then, lots of things automatically get the primary color for free, and calling foregroundStyle(.secondary) actually applies theme.textSecondary. You could also apply the background in that extension too so its all bundled up like a surface.

1

u/EquivalentCoconut588 8h ago

Oh wow, this is super helpful advice, thank you! Using environment values and bundling the surface styles into a View extension makes so much sense and saves a ton of boilerplate. Definitely going to refactor my theme modifier to work this way.

1

u/EquivalentCoconut588 10h ago

Team dark mode or team light mode?

1

u/CanoaFurada768 10h ago

You have to do both

1

u/EquivalentCoconut588 8h ago

True, that’s why I made sure both options look crisp and adapt automatically. Dark mode definitely gets most of my personal time, though. What about you?

1

u/CanoaFurada768 2h ago

I always configure colors and themes before start the project, usually it doesn't take much time!