（更多博文，歡迎來我的博客學習交流https://blog.csdn.net/have_a_cat）

Dcat-Admin框架的優勢之一，就是它的多樣化的主題和配色了，簡單修改一兩行代碼，就又是一個高顏值網站！

目錄

一、五種主題

二、切換主題

附五種主題代碼及樣式

indigo

blue

blue-light

blue-dark

green

---

一、五種主題

Dcat-Admin框架共有5種主題：indigo, blue, blue-light, blue-dark, green

二、切換主題

1、打開/home/admin/test10/config/admin.php（更多博文，歡迎來我的博客學習交流https://blog.csdn.net/have_a_cat）

（其中，test10為我的項目名稱；/home/admin/test10/為我的項目路徑）

2、通過配置admin=>layout=>color參數修改主題顏色，比如我們把默認的indigo修改為green

這樣就完成了主題的切換！很easy吧~

附五種主題代碼及樣式

indigo

??? 'layout' => [

??????? 'color' => 'indigo',

??????? 'body_class' => '',

??????? 'sidebar_collapsed' => false,

??????? 'sidebar_style' => 'light',/*（更多博文，歡迎來我的博客學習交流https://blog.csdn.net/have_a_cat）*/

?????? ?'dark_mode_switch' => false,

??????? 'navbar_color' => '',

],

blue

??? 'layout' => [

??????? 'color' => 'blue',

??????? 'body_class' => '',

??????? 'sidebar_collapsed' => false,

??????? 'sidebar_style' => 'light',

?????? ?'dark_mode_switch' => false,

??????? 'navbar_color' => '',

],

blue-light

??? 'layout' => [

??????? 'color' => 'blue-light',

??????? 'body_class' => '',

??????? 'sidebar_collapsed' => false,

??????? 'sidebar_style' => 'light',

?????? ?'dark_mode_switch' => false,/*（更多博文，歡迎來我的博客學習交流https://blog.csdn.net/have_a_cat）*/

??????? 'navbar_color' => '',

],

blue-dark

??? 'layout' => [

??????? 'color' => 'blue-dark',

??????? 'body_class' => '',

??????? 'sidebar_collapsed' => false,

??????? 'sidebar_style' => 'light',

?????? ?'dark_mode_switch' => false,

??????? 'navbar_color' => '',

],

green

??? 'layout' => [

??????? 'color' => 'indigo',

??????? 'body_class' => '',

??????? 'sidebar_collapsed' => false,

??????? 'sidebar_style' => 'light',

?????? ?'dark_mode_switch' => false,

??????? 'navbar_color' => '',/*（更多博文，歡迎來我的博客學習交流https://blog.csdn.net/have_a_cat）*/

],

?

?

總結

以上是生活随笔為你收集整理的主题与颜色--Dcat-Admin框架实战(十)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。