Danger Color
Back to top

Danger Color Palette Documentation

  1. Home
  2. Color Palette
  3. Danger

Danger

Danger Color Palette with color code and other elements.

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

Danger Border Color

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

Danger Text Color

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

Reference :

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