AdminLTELogo

外掛程式

AdminLTE 為以下外掛程式提供顏色覆寫 & 額外功能。

Bootstrap 滑桿

您可以使用以下類別覆寫 Bootstrap 滑桿軌道的顏色

  • .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 Bootstrap

您可以使用以下類別覆寫 iCheck 核取方塊/單選輸入框的顏色

  • .icheck-*

範例

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

Pace

您可以覆寫所有 Pace 主題的顏色,載入您想要的主題,並將以下其中一個類別新增至 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 的預設顏色。