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.

Sample PR: https://github.com/SankethBK/diaryvault/pull/36