State

You can apply Bootstrap and Keen state color helper classes to the most of the Keen's components:
State Preview Class postfix Usage example
Bootstrap States
Success *-success btn-success kt-font-success
Warning *-warning btn-warning kt-font-warning
Danger *-danger btn-danger kt-font-danger
Info *-info btn-info kt-font-info
Primary *-primary btn-primary kt-font-primary
Secondary *-secondary btn-secondary kt-font-secondary
Dark *-dark btn-dark kt-font-dark
Keen Custom States
Brand *-brand btn-success kt-font-brand
Accent *-accent btn-accent kt-font-accent
Focus *-focus btn-focus kt-font-focus
Metal *-metal btn-metal kt-font-metal
Light *-light btn-light kt-font-light

Base Colors

You can apply Keen's base color helper classes to the most of the Keen's components:
Level Preview Class example
Label Classes
Level 1 Font Color   BG Color kt-label-font-color-1  kt-label-bg-color-1
Level 2 Font Color   BG Color kt-label-font-color-2  kt-label-bg-color-2
Level 3 Font Color   BG Color kt-label-font-color-3  kt-label-bg-color-3
Level 4 Font Color   BG Color kt-label-font-color-4  kt-label-bg-color-4
Shape Classes
Level 1 Font Color   BG Color kt-shape-font-color-1  kt-shape-bg-color-1
Level 2 Font Color   BG Color kt-shape-font-color-2  kt-shape-bg-color-2
Level 3 Font Color   BG Color kt-shape-font-color-3  kt-shape-bg-color-3
Level 4 Font Color   BG Color kt-shape-font-color-4  kt-shape-bg-color-4

Examples

Apply state color classes to any typography element:
Success state text  Warning state text  Info state text

Danger state text  Primary state text  Focus state text
Apply base color classes to any typography element:
Label color level 4   Label color level 3   Label color level 2   Label color level 1
Apply color classes to any component:
new pending 203 hot fixed in process completed focus accent
25%

Quick Actions

Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry.
Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry.
Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry.
Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry.
Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry.
Notifications
Orders
Customers

Select A Demo

Demo 7
Demo 8
Demo 9
Demo 10
Demo 11
Demo 12
Demo 13
Demo 14
Demo 15
Demo 16
Demo 17
Demo 18
Demo 19
Demo 20
Buy Keen Now!