Color for Minimal-ui CSS framework based on Flexbox

Secondary Color

Green

#333
Yellow

#333
Red

#333

Light

#333
Purple

#8854d0

Neutral ColorNeutral colors are for text, background and border colors. You can use different neutral colors to represent the hierarchical structure.

Primary Text

#303133
Regular Text

#606266
Secondary Text

#909399
Placeholder Text

#C0C4CC

Base Border

#DCDFE6
Light Border

#E4E7ED
Lighter Border

#EBEEF5
Lightex Border

#F2F6FC

Change colorFollow to stylus/utils/colors.styl

  
// Base color
linkColor = #333
mainFontColor = #101010

// Main color
default-color = #ffffff
primary-color = #444ce0
success-color = #26de81
danger-color = #fc5c65
warning-color = #fed330
light-color = #999999
purple-color = #8854d0

// Neutral Color
neutral-primary = #303133
neutral-regular = #606266
neutral-secondary = #909399
neutral-placeholder = #C0C4CC

// Border Color
border-base = #DCDFE6
border-light = #E4E7ED
border-lighter = #EBEEF5
border-lightex = #F2F6FC

Usage bgFollow to stylus/utils/colors.styl

  
// Bacground
.bg-primary
  background-color primary-color
.bg-success
  background-color success-color
.bg-danger
  background-color danger-color
.bg-warning
  background-color warning-color
.bg-light
  background-color light-color
.bg-purple
  background-color purple-color

.bg-neutral-primary
  background-color neutral-primary
.bg-neutral-regular
  background-color neutral-regular
.bg-neutral-secondary
  background-color neutral-secondary
.bg-neutral-placeholder
  background-color neutral-placeholder

.bg-border-base
  background-color border-base
.bg-border-light
  background-color border-light
.bg-border-lighter
  background-color border-lighter
.bg-border-lightex
  background-color border-lightex

Colors