Info Color
Back to top

Info Color Palette Documentation

  1. Home
  2. Color Palette
  3. Info

Info

Info Color Palette with color code and other elements.

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

Info Border Color

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

Info Text Color

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

Reference :

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