Warning Color
Back to top

Warning Color Palette Documentation

  1. Home
  2. Color Palette
  3. Warning

Warning

Warning Color Palette with color code and other elements.

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

Warning Border Color

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

Warning Text Color

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

Reference :

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