jeecg-boot中如何修改自定义主题颜色

大家好，我是雄雄。

前言

今天第一次上老丈人家，哈哈哈，有点猝不及防，本来没准备去，结果正好在小区门口碰到，人家让我去，我就把后备箱里面的东西拿下来带着去的（后备箱里面的东西，买了好几天了，但是一直没有机会上门，大致得花了1500多）。

聊了几个小时，也还行吧，人家对我的第一印象就是，这孩子，咋这么瘦…

正文

废话说多了有点，现在说正事儿，今天给大家介绍一下jeecg-boot中如何设置默认的主题色，比如下图这种的。

原来是没有这个主题的，但是我们在日常的需求中，客户公司的logo或者产品，主要是以某一种色调为主的，但是我们在jeecg-boot中的自定义主题中，恰好没有客户想要的颜色，这种情况怎么办呢？现在我们来看看如何修改jeecg-boot微服务的自定义主题色。

首先我们需要找到这个文件：

我这边把代码放上来，大家可以看看这里是所有主题的集合：

const colorList = [
  {
    key: '生机', color: '#01D8C3',
  },
  /* {
    key: '薄暮', color: '#F5222D',
  }, */
  {
    key: '火山', color: '#FF8A65',
  },
  {
    key: '日暮', color: '#FFD54F',
  },
  {
    key: '明青（默认）', color: '#0EBAAA',
  },
  {
    key: '极光蓝', color: '#889AFC',
  },
  {
    key: '拂晓蓝', color: '#1890FF',
  },
  {
    key: '极客蓝', color: '#2F54EB',
  },
  {
    key: '鲜艳', color: '#FB4D17',
  },
];

如果我们想修改某个主题色，或者想增减主题色，按照数组的格式，继续往下写就可以，比如：

{
   key: '黑色', color: '#000000',
 },

切记一定要和以前的数组一样，格式和人家的一样，前面是key，对应后面的color，key的值是我们显示在页面上的值，而color的值是这个主题的颜色值，color的值尽量是十六进制的，类似red的这种英文我没有试过，不知道行不行，大家可以自己试试看看。