Indigo palette colors
Includes 1 main and 5 accent colorsPalette classes
Indigo color palette includes 6 colors: 1 main color without suffix and 5 accent colors with 300, 400, 600, 700 and 800 suffixes. Majority of components and layout parts are coded with maximum flexibility and support of different color options that can be changed on-the-fly just by adding or replacing proper color class. Also works perfectly in combination with other helpers, that makes Limitless very flexible and configurable.
Please note:default Bootstrap contextual classes - primary, danger, success, warning, info - still available and correspond to main colors, so you can use both.bg-dangerand .btn-dangeras main colors, but if you want to use accent colors, use only .bg-*-*, BS accent classes have been dropped to avoid unnecessary dublicating.
| Class | Description |
|---|---|
.bg-indigo.bg-indigo-*
|
Classes for background color. You can choose between 1 indigo color using .bg-indigoclass and 5 accent colors using .bg-indigo-*class in 300, 400, 600, 700, 800 range
|
.border-indigo.border-indigo-*
|
Classes for border color. Useful when only border needs to have different colors - validation, highlights, custom buttons etc. Can be used with form controls, selects, cards, buttons and any other block element |
.border-top-indigo.border-top-indigo-*
|
Classes for topborder color. Use this class if you need to highlight top border only
|
.border-bottom-indigo.border-bottom-indigo-*
|
Classes for bottomborder color. Use this class if you need to highlight bottom border only
|
.border-left-indigo.border-left-indigo-*
|
Classes for leftborder color. Use this class if you need to highlight left border only
|
.border-right-indigo.border-right-indigo-*
|
Classes for rightborder color. Use this class if you need to highlight right border only
|
.text-indigo.text-indigo-*
|
Classes for text color. These colors can be used with: text, links, icons, lists etc. Base text color doesn't require suffix |
.alpha-indigo
|
Classes for light accent color. Mainly used in alerts with darker text color from the same palette. Available only in 1 class |
Alert options
Bordered, styled, solid in both directionsForm components
Inputs, selects, checkboxes, radios, groups etc.Input field text
Using .text-indigoclasses
Input border color
Using .border-indigoor classes
Input background color
Using .bg-indigoclasses
Input with feedback
Using .bg-indigoclasses
Select background color
Using .bg-indigoclasses
File input color
Styled file input button color
Input group addon
Using .bg-indigoclasses
Addon and button
Combine text addon and button
Input group button
Using .bg-indigoclasses
Checkbox colors
Using border and text color classes
Radio classes
Using border color classes
Switchery colors
Using native plugin options
Select2 selects
Single and multiple select colorsSelect2 single
Custom single select background
Menu colors
Custom menu background
Select multiple
Custom multiple select background
Other selects
Select2, Uniform and MultiselectResult and menu colors
Combination of CSS class options
Uniform select
Using plugin's selectClassoption
Multiselect color
Using plugin's buttonClassoption
Tabs component color
Solid tabs nav and content colorTabs navigation color
Solid color tabs
custombackground color to the tabs navigation and content with .bg-indigopalette classes
Text options
Text, link, badges, badge pills, iconsBadge color
Using .bg-indigoclasses
Badge pill color
Using .bg-indigoclasses
Progress bars
All colors, all sizes, all optionsBasic bar color
Using .bg-indigoclasses
Striped bar color
Using .bg-indigoclasses
Animated bar color
Using .bg-indigoclasses
Table color options
Header, footer, rows, columns, cells etc.Header and footer
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Eugene | Kopyov | @Kopyov |
| 2 | Victoria | Baker | @Vicky |
| 3 | James | Alexander | @Alex |
| # | First Name | Last Name | Username |
Table rows
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Eugene | Kopyov | @Kopyov |
| 2 | Victoria | Baker | @Vicky |
| 3 | James | Alexander | @Alex |
| # | First Name | Last Name | Username |
Table columns
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Eugene | Kopyov | @Kopyov |
| 2 | Victoria | Baker | @Vicky |
| 3 | James | Alexander | @Alex |
| # | First Name | Last Name | Username |
Solid table
.bg-*classes to the table
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Eugene | Kopyov | @Kopyov |
| 2 | Victoria | Baker | @Vicky |
| 3 | James | Alexander | @Alex |
| # | First Name | Last Name | Username |
Button colors
Button text, border and background colorsBasic button
Using .bg-indigoclasses
Labeled button
Using .bg-indigoclasses
Outline button colors
Using border and text color classes
Card colors
Card, card border and heading colorsIndigo card
.bg-indigoclass added to the card header
Indigo bordered card
.bg-indigoand .border-indigoclasses
Indigo solid card
.bg-indigoclass added to the card container
Notifications & dialogs
Notifications, modals, popovers, tooltipsTooltip color
Change default tooltip color
Popover header
Using .bg-indigoclasses
Popover background
Apply custom color to the entire popover
Modal dialog header
Using .bg-indigoclasses
Modal background
Using .bg-indigoclasses
Modal dialog footer
Using .bg-indigoclasses
Noty notification
Using .bg-indigocolor classes
jGrowl notification
Using plugin's themeoption
PNotify notification
Using plugin's addclassoption
Dropdown menu colors
Dropdown and menu elements colorDropdown border color
Using .border-indigocolor classes
Dropdown background color
Using .bg-indigocolor classes
Adapted menu components
Badges, badge pills, checkboxes, radios