自定义主题配色--Dcat-Admin框架实战(十一)

假如说，觉得Dcat-Admin框架自带的主题和配色不合心意，（比如想要官方没有的的粉红色小仙女主题）我们还可以自定义主题配色~

 

目录

一、提醒写在前面

二、自定义主题配色需要安装NodeJs

三、生成自定义主题文件

四、在 app/Admin/bootstrap.php 中加入代码

五、将admin=>layout=>color参数配置为mypink

六、看效果

---

（Dcat-Admin框架自带的5种主题参见：主题与颜色--Dcat-Admin框架实战(十) https://blog.csdn.net/have_a_cat/article/details/116527901）

一、提醒写在前面

需要注意的是，如果自定义了主题之后，每次更新新版本，都需要重新编译一次你的自定义主题！！！

二、自定义主题配色需要安装NodeJs

1、还没有安装的码友，请和我一起按步骤安装

参见教程：零基础Centos8安装NodeJS（https://blog.csdn.net/have_a_cat/article/details/116588234?spm=1001.2014.3001.5501）

2、用“node -v”命令确定安装成功（更多博文，欢迎来我的博客学习交流https://blog.csdn.net/have_a_cat）

node -v

三、生成自定义主题文件

1、仅需设计“主题名称”和“主题颜色代码（十六进制）”就可以了。

我们上面说好要弄个小仙女粉的，那么设计如下：

主题名称：mypink

主题颜色代码（十六进制）: #FF99CE

2、生成pink主题，并且自动发布静态资源

cd /home/admin/test10

（其中，test10为我的项目名称；/home/admin/test10/为我的项目路径）

php artisan admin:minify mypink --color ff99ce --publish

四、在 app/Admin/bootstrap.php 中加入代码

1、打开/home/admin/test10/app/Admin/bootstrap.php文件（更多博文，欢迎来我的博客学习交流https://blog.csdn.net/have_a_cat）

2、加入以下代码

Dcat\Admin\Color::extend('mypink', [

    'primary'        => '#ff99ce',

    'primary-darker' => '#ff99ce',

    'link'           => '#ff99ce',

]);

五、将admin=>layout=>color参数配置为mypink

1、打开/home/admin/test10/config/admin.php

2、将admin=>layout=>color参数配置为mypink

附：修改admin=>layout=>color参数更详细讲解参见 主题与颜色--Dcat-Admin框架实战(十) https://blog.csdn.net/have_a_cat/article/details/116527901

六、看效果

启动Dcat-admin后，就看到我们粉嫩嫩的mypink主题了。

(启动Dcat-admin参看教程https://blog.csdn.net/have_a_cat/article/details/115354220)

（哈哈哈哈，感觉直男老公肯定得毙了我这个mypink主题）