Skip to content

Commit 26d392c

Browse files
committed
add default theme
1 parent 8c36823 commit 26d392c

File tree

1 file changed

+154
-0
lines changed

1 file changed

+154
-0
lines changed

data/theme/default.json

Lines changed: 154 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,154 @@
1+
{
2+
"color": {
3+
"--el-color-white": "#ffffff",
4+
"--el-color-black": "#000000",
5+
"--el-color-primary": "#409eff",
6+
"--el-color-primary-light-3": "#79bbff",
7+
"--el-color-primary-light-5": "#a0cfff",
8+
"--el-color-primary-light-7": "#c6e2ff",
9+
"--el-color-primary-light-8": "#d9ecff",
10+
"--el-color-primary-light-9": "#ecf5ff",
11+
"--el-color-primary-dark-2": "#337ecc",
12+
"--el-color-success": "#67c23a",
13+
"--el-color-success-light-3": "#95d475",
14+
"--el-color-success-light-5": "#b3e19d",
15+
"--el-color-success-light-7": "#d1edc4",
16+
"--el-color-success-light-8": "#e1f3d8",
17+
"--el-color-success-light-9": "#f0f9eb",
18+
"--el-color-success-dark-2": "#529b2e",
19+
"--el-color-warning": "#e6a23c",
20+
"--el-color-warning-light-3": "#eebe77",
21+
"--el-color-warning-light-5": "#f3d19e",
22+
"--el-color-warning-light-7": "#f8e3c5",
23+
"--el-color-warning-light-8": "#faecd8",
24+
"--el-color-warning-light-9": "#fdf6ec",
25+
"--el-color-warning-dark-2": "#b88230",
26+
"--el-color-danger": "#f56c6c",
27+
"--el-color-danger-light-3": "#f89898",
28+
"--el-color-danger-light-5": "#fab6b6",
29+
"--el-color-danger-light-7": "#fcd3d3",
30+
"--el-color-danger-light-8": "#fde2e2",
31+
"--el-color-danger-light-9": "#fef0f0",
32+
"--el-color-danger-dark-2": "#c45656",
33+
"--el-color-error": "#f56c6c",
34+
"--el-color-info": "#909399",
35+
"--el-color-info-light-3": "#b1b3b8",
36+
"--el-color-info-light-5": "#c8c9cc",
37+
"--el-color-info-light-7": "#dedfe0",
38+
"--el-color-info-light-8": "#e9e9eb",
39+
"--el-color-info-light-9": "#f4f4f5",
40+
"--el-bg-color": "#ffffff",
41+
"--el-bg-color-page": "#f2f3f5",
42+
"--el-bg-color-overlay": "#ffffff",
43+
"--el-text-color-primary": "#303133",
44+
"--el-text-color-regular": "#606266",
45+
"--el-text-color-secondary": "#909399",
46+
"--el-text-color-placeholder": "#a8abb2",
47+
"--el-text-color-disabled": "#c0c4cc",
48+
"--el-border-color": "#dcdfe6",
49+
"--el-border-color-light": "#e4e7ed",
50+
"--el-border-color-lighter": "#ebeef5",
51+
"--el-border-color-extra-light": "#f2f6fc",
52+
"--el-border-color-dark": "#d4d7de",
53+
"--el-border-color-darker": "#cdd0d6",
54+
"--el-fill-color": "#f0f2f5",
55+
"--el-fill-color-light": "#f5f7fa",
56+
"--el-fill-color-lighter": "#fafafa",
57+
"--el-fill-color-extra-light": "#fafcff",
58+
"--el-fill-color-dark": "#ebedf0",
59+
"--el-fill-color-darker": "#e6e8eb",
60+
"--el-fill-color-blank": "#ffffff"
61+
},
62+
"common": {
63+
"--el-border-width": "1px",
64+
"--el-border-style": "solid",
65+
"--el-border-color-hover": "",
66+
"--el-border": "var(--el-border-width) var(--el-border-style) var(--el-border-color)",
67+
"--el-svg-monochrome-grey": "#dcdde0",
68+
"--el-border-radius-base": "4px",
69+
"--el-border-radius-small": "2px",
70+
"--el-border-radius-round": "20px",
71+
"--el-border-radius-circle": "100%",
72+
"--el-box-shadow": "0px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.08)",
73+
"--el-box-shadow-light": "0px 0px 12px rgba(0, 0, 0, 0.12)",
74+
"--el-box-shadow-lighter": "0px 0px 6px rgba(0, 0, 0, 0.12)",
75+
"--el-box-shadow-dark": "0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16)"
76+
},
77+
"font": {
78+
"--el-font-size-extra-large": "20px",
79+
"--el-font-size-large": "18px",
80+
"--el-font-size-medium": "16px",
81+
"--el-font-size-base": "14px",
82+
"--el-font-size-small": "13px",
83+
"--el-font-size-extra-small": "12px",
84+
"--el-font-family": "'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif",
85+
"--el-font-weight-primary": "500",
86+
"--el-font-line-height-primary": "24px"
87+
},
88+
"size": {
89+
"--el-component-size-large": "40px",
90+
"--el-component-size": "32px",
91+
"--el-component-size-small": "24px"
92+
},
93+
"z-index": {
94+
"--el-index-normal": "1",
95+
"--el-index-top": "1000",
96+
"--el-index-popper": "2000"
97+
},
98+
"components": {
99+
"button": {
100+
"--el-button-font-weight": "var(--el-font-weight-primary)",
101+
"--el-button-border-color": "var(--el-border-color)",
102+
"--el-button-bg-color": "var(--el-fill-color-blank)",
103+
"--el-button-text-color": "var(--el-text-color-regular)",
104+
"--el-button-disabled-text-color": "var(--el-disabled-text-color)",
105+
"--el-button-disabled-bg-color": "var(--el-fill-color-blank)",
106+
"--el-button-disabled-border-color": "var(--el-border-color-light)",
107+
"--el-button-hover-text-color": "var(--el-color-primary)",
108+
"--el-button-hover-bg-color": "var(--el-color-primary-light-9)",
109+
"--el-button-hover-border-color": "var(--el-color-primary-light-7)",
110+
"--el-button-active-text-color": "var(--el-button-hover-text-color)",
111+
"--el-button-active-border-color": "var(--el-color-primary)",
112+
"--el-button-active-bg-color": "var(--el-button-hover-bg-color)",
113+
"--el-button-outline-color": "var(--el-color-primary-light-5)"
114+
},
115+
"input": {
116+
"--el-input-text-color": "var(--el-text-color-regular)",
117+
"--el-input-border": "var(--el-border)",
118+
"--el-input-hover-border": "var(--el-border-color-hover)",
119+
"--el-input-focus-border": "var(--el-color-primary)",
120+
"--el-input-transparent-border": "0 0 0 1px transparent inset",
121+
"--el-input-border-color": "var(--el-border-color)",
122+
"--el-input-border-radius": "var(--el-border-radius-base)",
123+
"--el-input-bg-color": "var(--el-fill-color-blank)",
124+
"--el-input-icon-color": "var(--el-text-color-placeholder)",
125+
"--el-input-placeholder-color": "var(--el-text-color-placeholder)",
126+
"--el-input-hover-border-color": "var(--el-border-color-hover)",
127+
"--el-input-clear-hover-color": "var(--el-text-color-secondary)",
128+
"--el-input-focus-border-color": "var(--el-color-primary)"
129+
},
130+
"tag": {
131+
"--el-tag-bg-color": "var(--el-color-primary-light-9)",
132+
"--el-tag-text-color": "var(--el-color-primary)",
133+
"--el-tag-border-color": "var(--el-color-primary-light-8)",
134+
"--el-tag-hover-color": "var(--el-color-primary)"
135+
},
136+
"notification": {
137+
"--el-notification-width": "330px",
138+
"--el-notification-padding": "14px 26px 14px 13px",
139+
"--el-notification-radius": "8px",
140+
"--el-notification-shadow": "var(--el-box-shadow-light)",
141+
"--el-notification-border-color": "var(--el-border-color-lighter)",
142+
"--el-notification-icon-size": "24px",
143+
"--el-notification-close-font-size": "16px",
144+
"--el-notification-group-margin-left": "13px",
145+
"--el-notification-group-margin-right": "8px",
146+
"--el-notification-content-font-size": "13px",
147+
"--el-notification-content-color": "var(--el-text-color-regular)",
148+
"--el-notification-title-font-size": "16px",
149+
"--el-notification-title-color": "var(--el-text-color-primary)",
150+
"--el-notification-close-color": "var(--el-text-color-secondary)",
151+
"--el-notification-close-hover-color": "var(--el-text-color-regular)"
152+
}
153+
}
154+
}

0 commit comments

Comments
 (0)