@master/colors

A crafted color system for beautiful user interfaces

Documentation

Visit css.master.co/docs/colors to preview the all colors.

Getting Started

Install the Master Colors v2 via package managers:

npm install @master/colors@rc

Import the colors:

import colors from '@master/colors'

The colors object contains hue colors on a scale of 5~95 and Master CSS color variables:

{
    blue: {
        5: '#e5f3fe',
        10: '#dbf2fe',
        ...,
        95: '#102069',
        '@light': '$(blue-60)',
        '@dark': '$(blue-50)'
    },
    invert: {
        '@light': '#000000',
        '@dark': '#ffffff'
    },
    ...
}

You can also access filtered hue colors:

import hueColors from '@master/colors/hue'

{
    blue: {
        5: '#e5f3fe',
        10: '#dbf2fe',
        ...,
    },
    pink: {
        5: '#fef1f9',
        10: '#fee9f8',
        ...,
    },
    ...
}

Community

The Master community can be found here:

• Discuss on GitHub - Ask questions, voice ideas, and do any other discussion
• Join our Discord Server - Casually chat with other people using the language ^{_{✓ 中文}}

_{Our 《 Code of Conduct 》 applies to all Master community channels.}

Contributing

Please see our CONTRIBUTING for workflow.