主题与颜色--Dcat-Admin框架实战(十)

（更多博文，欢迎来我的博客学习交流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）*/

],