1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
| import { type ModuleConfig } from '/@/cool';
| import 'element-plus/theme-chalk/dark/css-vars.css';
| import './static/css/index.scss';
| import { t } from '/#/i18n';
| import { useTheme } from './hooks';
|
| export default (): ModuleConfig => {
| return {
| enable: true,
| order: 99,
| toolbar: {
| component: import('./components/theme.vue'),
| h5: false
| },
| options: {
| name: 'default',
|
| // 自定义主题色
| // color: "#4165d7",
|
| // 主题列表
| list: [
| {
| label: t('默认'),
| name: 'default',
| color: '#4165d7'
| },
| {
| label: t('翠绿'),
| name: 'cuilv',
| color: '#51C21A'
| },
| {
| label: t('紫檀'),
| name: 'zitan',
| color: '#d0378d'
| },
| {
| label: t('金橙'),
| name: 'jincheng',
| color: '#FFA500'
| },
| {
| label: t('樱桃'),
| name: 'yingtao',
| color: '#FF69B4'
| },
| {
| label: t('薄荷'),
| name: 'bohe',
| color: '#3EB489'
| },
| {
| label: t('青灰'),
| name: 'qinghui',
| color: '#708090'
| },
| {
| label: t('珊瑚'),
| name: 'shanhu',
| color: '#FF4500'
| }
| ]
| },
| install() {
| useTheme();
| },
|
| label: '主题',
| description: '自定义主色、菜单分组、暗黑模式',
| author: 'COOL',
| version: '1.0.0',
| updateTime: '2024-07-22'
| };
| };
|
|