@telkomdesign/colors
v1.0.1
Published
Color palette Telkom Design System.
Downloads
395
Maintainers
Readme
Tedis Colors
Color Blind Friendly: Color guides that comply with WCAG 2.1 Standart (Web Content Accessibility Guidelines)
Reference: mineral-ui.com/color
Instructions : Select maximum 2 main colors and 1 desired optional color from the 13 available color palettes.
The first color is the primary color : Primary color is the most dominant color in a design. This color will base all UI components.
The second color is secondary color : This color can be the color active, hover (desktop), and the basic colors in elements such as buttons, links, and forms.
The third color is tertiery color : always grey, so it can be used as a background color or color for UI elements either in the light or dark theme or not.# Dillinger
Installation
Install package with the dependencies.
$ npm install @telkomdesign/colors
Usage
Import name of object (list object read documentation) and define level darknes as key example Blue[100].
import { Blue } from '@telkomdesign/colors'