Themes - SankethBK/diaryvault GitHub Wiki
All of the theme-related information can be found in the lib/app/themes folder.
Currently, we have the following themes:
- Coral Bubbles
- Lush Green
- Cosmic
- Plain Dark
- Dark Academia
- Monochrome Pink
We heavily use Flutter Theme Extensions because the color palette provided by the standard ThemeData
object is insufficient.
To add a new theme, the first step is to choose whether it's a light or dark theme. Then, create a file similar to lib/app/themes/coral_bubble_theme.dart
. After that, generate a background image and pick a color palette that complements the background image.
There are a lot of properties used in the ThemeData
object, but most of them can be copied and pasted from coral_bubble_theme.dart
for light themes or cosmic.dart
for dark themes.
Contribution Tips
- You can either contribute a new theme or fix any issues in existing themes.
- Make sure to fine-tune the colors to avoid contrast issues.
- Don't use images from the internet unless they have a free-to-use license.
- Use WebP images instead of PNG to avoid increasing the app size.