Indigo Background Color
Indigo Color
.bg-indigo
#3F51B5
Indigo Lighten 1#5C6BC0
.bg-indigo.bg-lighten-1
Indigo Lighten 2#7986CB
.bg-indigo.bg-lighten-2
Indigo Lighten 3#9FA8DA
.bg-indigo.bg-lighten-3
Indigo Lighten 4#C5CAE9
.bg-indigo.bg-lighten-4
Indigo Darken 1#3949AB
.bg-indigo.bg-darken-1
Indigo Darken 2#303F9F
.bg-indigo.bg-darken-2
Indigo Darken 3#283593
.bg-indigo.bg-darken-3
Indigo Darken 4#1A237E
.bg-indigo.bg-darken-4
Indigo Accent 1#8C9EFF
.bg-indigo.bg-accent-1
Indigo Accent 2#536DFE
.bg-indigo.bg-accent-2
Indigo Accent 3#3D5AFE
.bg-indigo.bg-accent-3
Indigo Accent 4#304FFE
.bg-indigo.bg-accent-4
Indigo color palette contains 13 colors: 1 main indigo color and 4 lighten colors, 4 darken colors and 4 Accent colors. All colors works perfectly with any bootstrap components, form components or any robust controls, that makes Robust very effective, flexible and configurable.
Please note: You can use .bg-indigo and .btn-indigo as main colors, but if you want to use lighten, darken or accent colors, use bg-* bg-lighten-NUMBER for lighten color, bg-* bg-darken-NUMBER for darken color and bg-* bg-accent-NUMBER for accent colors.
| Class | Description |
|---|---|
.bg-indigo |
Indigo Class for background color. |
.bg-indigo.bg-lighten-* |
For lighten indigo background color, this two classes needed. Here *: 1,2,3,4 lighten indigo color options. |
.bg-indigo.bg-darken-* |
For darken indigo background color, this two classes needed. Here *: 1,2,3,4 darken indigo color options. |
.bg-indigo.bg-accent-* |
For accent indigo background color, this two classes needed. Here *: 1,2,3,4 accent indigo color options. |
Indigo Border Color
Indigo Color
.border-indigo
#3F51B5
Indigo Lighten 1#5C6BC0
.border-indigo.border-lighten-1
Indigo Lighten 2#7986CB
.border-indigo.border-lighten-2
Indigo Lighten 3#9FA8DA
.border-indigo.border-lighten-3
Indigo Lighten 4#C5CAE9
.border-indigo.border-lighten-4
Indigo Darken 1#3949AB
.border-indigo.border-darken-1
Indigo Darken 2#303F9F
.border-indigo.border-darken-2
Indigo Darken 3#283593
.border-indigo.border-darken-3
Indigo Darken 4#1A237E
.border-indigo.border-darken-4
Indigo Accent 1#8C9EFF
.border-indigo.border-accent-1
Indigo Accent 2#536DFE
.border-indigo.border-accent-2
Indigo Accent 3#3D5AFE
.border-indigo.border-accent-3
Indigo Accent 4#304FFE
.border-indigo.border-accent-4
| Class | Description |
|---|---|
.border-indigo |
Indigo Class for background color. |
.border-indigo.border-lighten-* |
For lighten indigo background color, this two classes needed. Here *: 1,2,3,4 lighten indigo color options. |
.border-top-indigo.border-top-lighten-* |
For lighten indigo top border. Use this classes if you need to highlight only top border. |
.border-bottom-indigo.border-bottom-lighten-* |
For lighten indigo bottom border. Use this classes if you need to highlight only bottom border. |
.border-right-indigo.border-right-lighten-* |
For lighten indigo right border. Use this classes if you need to highlight only right border. |
.border-left-indigo.border-left-lighten-* |
For lighten indigo left border. Use this classes if you need to highlight only left border. |
.border-indigo.border-darken-* |
For darken indigo background color, this two classes needed. Here *: 1,2,3,4 darken indigo color options. |
.border-top-indigo.border-top-darken-* |
For darken indigo top border. Use this classes if you need to highlight only top border. |
.border-bottom-indigo.border-bottom-darken-* |
For darken indigo bottom border. Use this classes if you need to highlight only bottom border. |
.border-right-indigo.border-right-darken-* |
For darken indigo right border. Use this classes if you need to highlight only right border. |
.border-left-indigo.border-left-darken-* |
For darken indigo left border. Use this classes if you need to highlight only left border. |
.border-indigo.border-accent-* |
For accent indigo background color, this two classes needed. Here *: 1,2,3,4 accent indigo color options. |
.border-top-indigo.border-top-accent-* |
For accent indigo top border. Use this classes if you need to highlight only top border. |
.border-bottom-indigo.border-bottom-accent-* |
For accent indigo bottom border. Use this classes if you need to highlight only bottom border. |
.border-right-indigo.border-right-accent-* |
For accent indigo right border. Use this classes if you need to highlight only right border. |
.border-left-indigo.border-left-accent-* |
For accent indigo left border. Use this classes if you need to highlight only left border. |
Indigo Text Color
Indigo Color
.indigo
#3F51B5
Indigo Lighten 1#5C6BC0
.indigo.lighten-1
Indigo Lighten 2#7986CB
.indigo.lighten-2
Indigo Lighten 3#9FA8DA
.indigo.lighten-3
Indigo Lighten 4#C5CAE9
.indigo.lighten-4
Indigo Darken 1#3949AB
.indigo.darken-1
Indigo Darken 2#303F9F
.indigo.darken-2
Indigo Darken 3#283593
.indigo.darken-3
Indigo Darken 4#1A237E
.indigo.darken-4
Indigo Accent 1#8C9EFF
.indigo.accent-1
Indigo Accent 2#536DFE
.indigo.accent-2
Indigo Accent 3#3D5AFE
.indigo.accent-3
Indigo Accent 4#304FFE
.indigo.accent-4
| Class | Description |
|---|---|
.indigo |
Class for Indigo Text color. |
.indigo.lighten-* |
For lighten indigo text color, this two classes needed. Here *: 1,2,3,4 for lighten indigo color options. |
.indigo.darken-* |
For darken indigo text color, this two classes needed. Here *: 1,2,3,4 for darken indigo color options. |
.indigo.accent-* |
For accent indigo text color, this two classes needed. Here *: 1,2,3,4 for accent indigo color options. |