Deep Purple Color Palette Documetation

Deep Purple

Deep Purple Color Palette with color code and other elements.

Deep Purple Background Color
Background Color Options Class Description
Background Color .bg-deep-purple Deep Purple Class for background color.
Lighten Color .bg-deep-purple.bg-lighten-* For lighten deep purple background color, this two classes needed. Here *: 1,2,3,4 lighten deep purple color options.
Darken Color .bg-deep-purple.bg-darken-* For darken deep purple background color, this two classes needed. Here *: 1,2,3,4 darken deep purple color options.
Accent Color .bg-deep-purple.bg-accent-* For accent deep purple background color, this two classes needed. Here *: 1,2,3,4 accent deep purple color options.

Deep Purple Border Color

Border Color Options Class Description
Border Color .border-deep-purple Deep Purple Class for background color.
Lighten Border .border-deep-purple
.border-lighten-*
For lighten deep purple background color, this two classes needed. Here *: 1,2,3,4 lighten deep purple color options.
Lighten Top Border .border-top-deep-purple
.border-top-lighten-*
For lighten deep purple top border. Use this classes if you need to highlight only top border.
Lighten Bottom Border .
.border-bottom-lighten-*
For lighten deep purple bottom border. Use this classes if you need to highlight only bottom border.
Lighten Right Border .border-right-deep-purple
.border-right-lighten-*
For lighten deep purple right border. Use this classes if you need to highlight only right border.
Lighten Left Border .border-left-deep-purple
.border-left-lighten-*
For lighten deep purple left border. Use this classes if you need to highlight only left border.
Darken Border .border-deep-purple
.border-darken-*
For darken deep purple background color, this two classes needed. Here *: 1,2,3,4 darken deep purple color options.
Darken Top Border .border-top-deep-purple
.border-top-darken-*
For darken deep purple top border. Use this classes if you need to highlight only top border.
Darken Bottom Border .
.border-bottom-darken-*
For darken deep purple bottom border. Use this classes if you need to highlight only bottom border.
Darken Right Border .border-right-deep-purple
.border-right-darken-*
For darken deep purple right border. Use this classes if you need to highlight only right border.
Darken Left Border .border-left-deep-purple
.border-left-darken-*
For darken deep purple left border. Use this classes if you need to highlight only left border.
Accent Border .border-deep-purple
.border-accent-*
For accent deep purple background color, this two classes needed. Here *: 1,2,3,4 accent deep purple color options.
Accent Top Border .border-top-deep-purple
.border-top-accent-*
For accent deep purple top border. Use this classes if you need to highlight only top border.
Accent Bottom Border .
.border-bottom-accent-*
For accent deep purple bottom border. Use this classes if you need to highlight only bottom border.
Accent Right Border .border-right-deep-purple
.border-right-accent-*
For accent deep purple right border. Use this classes if you need to highlight only right border.
Accent Left Border .border-left-deep-purple
.border-left-accent-*
For accent deep purple left border. Use this classes if you need to highlight only left border.

Deep Purple Text Color

Border Color Options Class Description
Text Color .deep-purple Class for Deep Purple Text color.
Lighten Color .deep-purple.lighten-* For lighten deep purple text color, this two classes needed. Here *: 1,2,3,4 for lighten deep purple color options.
Darken Color .deep-purple.darken-* For darken deep purple text color, this two classes needed. Here *: 1,2,3,4 for darken deep purple color options.
Accent Color .deep-purple.accent-* For accent deep purple text color, this two classes needed. Here *: 1,2,3,4 for accent deep purple color options.

Reference :

Type URL
Template Page https://pixinvent.com/free-bootstrap-template/robust-lite/html/ltr/color-palette-deep-purple.html