PNG
IHDR ; IDATxܻn0K
)(pA 7LeG{ §㻢| ذaÆ
6lذaÆ
6lذaÆ
6lom$^yذag5 bÆ
6lذaÆ
6lذa{
6lذaÆ
` }HFkm,mӪôô! x|'ܢ˟;E:9&ᶒ}{v]n&6
h_tڠ͵-ҫZ;Z$.Pkž)!o>}leQfJTu іچ\X=8Rن4`Vwl>nG^is"ms$ui?wbs[m6K4O .4%/ bC%t Mז -lG6mrz2s%9s@-k9=)kB5\+͂Zsٲ Rn~GRC wIcIn7jJhۛNCS|j08yiHKֶۛkɈ+;Sz L /F *\Ԕ#"5m2[S =gnaPeғL
lذaÆ
6l^ḵaÆ
6lذaÆ
6lذa;
_ذaÆ
6lذaÆ
6lذaÆ
R IENDB`
---
layout: page
title: Plugins
---
AdminLTE comes with color overrides & extras for the following plugins.
### Bootstrap Slider
You can override the color for bootstrap slider tracks with the following classes:
- `.slider-*`
Example:
```html
```
You can also change the layout of the slider with the following classes:
- `.slider-vertical`
- `.slider-horizontal`
Example:
```html
```
### iCheck Bootstrap
You can override the color of a iCheck checkbox/radio input, add the following class:
- `.icheck-*`
Example:
```html
```
### Pace
You can override the color for all pace themes, load your desired theme and add one the following classes to `body`:
- `.pace-*`
- barber-shop
- flat-top
- minimal
- `.pace-big-counter-*`
- big-counter
- `.pace-bounce-*`
- bounce
- `pace-center-atom-*`
- center-atom
- `pace-center-circle-*`
- center-circle
- `pace-center-radar-*`
- center-radar
- `pace-center-simple-*`
- center-simple
- `pace-corner-indicator-*`
- corner-indicator
- `.pace-flash-*`
- flash
- `.pace-fill-left-*`
- fill-left
- `.pace-loading-bar-*`
- loading-bar
- `.pace-material-*`
- material
- `.pace-mac-osx-*`
- mac-osx
Example: ``
### SweetAlert
If you use SweetAlert and load the SweetAlert CSS before AdminLTE's CSS, then the colors of any icon changes to AdminLTE's default colors.
### Toastr
If you use Toastr and load the Toastr CSS before AdminLTE's CSS, then the background colors changes to AdminLTE's default colors.