Skip to content

Colors

The Menoreh Library color system helps you apply color to your UI in a meaningful way. In this system, you select a primary and a secondary color to represent your brand. Dark and light variants of each color can then be applied to your UI in different ways.

Colors

Menoreh Library comes designed with a built-in, baseline theme that can be used as-is, straight out of the proverbial box.

Brand Color

This includes default colors for:

  • Primary and secondary colors
  • Variants of primary and secondary colors
  • Supporting component
  • Additional UI colors, such as colors for backgrounds, surfaces, errors, typography, and iconography.

How to use

There are 2 ways to use Colors in the Menoreh library:

  1. Using color from Menoreh Library
  2. Using the Flutter color system
// 1. Flutter color system
Colors.red

// 2. Menoreh color library
AppColors.primary

Customization

To change the whole Colors Theme, please open the core/themes/color.dart.

Authors: Nanang Prasetya