Green Color Palette Documetation

Green

Green Color Palette with color code and other elements.

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

Green Border Color

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

Green Text Color

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

Reference :

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