Buy nowGet update
  • getting started
    • Introduction
    • Quick start
    • Mock server
    • Deployment
    • Package & license
    • Setup
    • Figma
  • theme UI
    • Colors
    • Typography
    • IconsNEW
    • Shadows
    • Css vars
    • Logo
    • Layout
    • Navigation
    • Settings
  • Global
    • Styles
    • Config
    • Components overrides
  • development
    • Routing
    • Subfolder
    • Authentication
    • Environment variables
    • Api calls
    • Multi language
    • Structure
    • Clean project
    • Dependencies
    • Tailwind
    • Migrate to CRA
    • Credit assets
  • support
    • 🔵 Update
    • 🔴 Faqs & support
    • 🟣 Changelogv7.4.0
© All rights reserved.ContactHome

Colors

Latestv6.1.0v5

Custom global color inside src/theme/palette.


Material color tool

https://mui.com/customization/color/.


Eva color tool

https://colors.eva.design/.

We recommend picking colors with these values for Eva tool:

  • Lighter : 100
  • Light : 300
  • Main : 500
  • Dark : 700
  • Darker : 900
const PRIMARY = {
  lighter: '#C8FACD',
  light: '#5BE584',
  main: '#00AB55',
  dark: '#007B55',
  darker: '#005249'
};
const SECONDARY = {...};
const INFO = { ... };
const SUCCESS = {...};
const WARNING = {...};
const ERROR = {...};
...
src/theme/palette

Reference:
  • https://minimals.cc/components/foundation/colors