Yellow Color
Back to top

Yellow Color Palette Documentation

  1. Home
  2. Color Palette
  3. Yellow

Yellow

Yellow Color Palette with color code and other elements.

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

Yellow Border Color

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

Yellow Text Color

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

Reference :

Type URL
Classic Yellow https://demos.pixinvent.com/modern-html-admin-template/html/ltr/vertical-menu-template/color-palette-yellow.html
Material Yellow https://demos.pixinvent.com/modern-html-admin-template/html/ltr/material-vertical-menu-template/color-palette-yellow.html