插件

AdminLTE 随颜色覆盖和以下插件的附加功能一起提供。

引导滑块

你可以使用以下类覆盖引导滑块轨道的颜色

  • .slider-*

例如

<div class="slider-red">
  <input type="text" value="" class="slider form-control" data-slider...>
</div>

你还可以使用以下类更改滑块的布局

  • .slider-vertical
  • .slider-horizontal

例如

<div class="slider-red">
  <input type="text" value="" class="slider slider-vertical form-control" data-slider...>
</div>

iCheck 引导

你可以覆盖 iCheck 复选框/单选按钮输入的颜色，添加以下类

  • .icheck-*

例如

<div class="icheck-primary">
  <input type="checkbox" id="checkbox1">
  <label for="checkbox1">
    Checkbox Label
  </label>
</div>

渐进条

你可以覆盖所有渐进条主题的颜色，加载你想要的主题并将以下类之一添加到 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

示例：<body class="pace-success">

SweetAlert

如果你使用 SweetAlert，并且在 AdminLTE 的 CSS 之前加载 SweetAlert 的 CSS，那么任何图标的颜色都会变为 AdminLTE 的默认颜色。

Toastr

如果你使用 Toastr，并且在 AdminLTE 的 CSS 之前加载 Toastr 的 CSS，那么背景颜色会变为 AdminLTE 的默认颜色。