Red Color Palette Documetation

Red

Red Color Palette with color code and other elements.

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

Red Border Color

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

Red Text Color

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