实现步骤

第一步：创建模板css文件（用于展示模板选择的预览效果）

示例：public/static/yunj/demo/css/theme/example/tpl.css

/* 主题模板头部样式 */
.theme-box li.example .t{
    background: #ff0000;
}
/* 主题模板左部样式 */
.theme-box li.example .l{
    background: #EEEEEE;
}
.theme-box li.example .l .item{
    background: #ff0000;
}

说明：可通过审查元素自定义主题模板待选项样式，注意css选择器.theme-box li.主题code .t

第二步：创建主题css文件

示例：public/static/yunj/demo/css/theme/example/example.css

/* 定义主题颜色，大部分元素都有引用此处变量作为颜色属性值 */
:root {
    --primary-color: #ff0000;
}

/* ...其他样式 */

第三步：配置

打开配置文件：根目录\yunj\config\admin.php 添加如下配置：

/**
 * 自定义主题配置
 * 示例：
 *  'theme'=>[
 *      // 主题唯一code
 *      'default'=>[
 *          // 主题标题
 *          'title'=>'默认主题',
 *          // 主题模板样式文件路径
 *          'tpl_style_file'=>'/static/yunj/css/theme/default/tpl.css',
 *          // 主题样式文件路径/static/
 *          'style_file'=>'/static/yunj/css/theme/default/default.css',
 *      ],
 *  ],
 */
'theme'=>[
    'example'=>[
        'title'=>'示例主题',
        'tpl_style_file'=>'/static/yunj/demo/css/theme/example/tpl.css?v=1.0.0',
        'style_file'=>'/static/yunj/demo/css/theme/example/example.css?v=1.0.0',
    ],
],