Amber Color
Back to top

Amber Color Palette Documentation

  1. Home
  2. Color Palette
  3. Amber

Amber

Amber Color Palette with color code and other elements.

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

Amber Border Color

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

Amber Text Color

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

Reference :

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