1 | const defaultTheme = require('./default-theme.js');
|
2 | const darkThemeSingle = {
|
3 | "theme": "dark",
|
4 | "blue-1": "mix(color(~`colorPalette('@{blue-base}', 8) `), @component-background, 15%)",
|
5 | "blue-2": "mix(color(~`colorPalette('@{blue-base}', 7) `), @component-background, 25%)",
|
6 | "blue-3": "mix(@blue-base, @component-background, 30%)",
|
7 | "blue-4": "mix(@blue-base, @component-background, 45%)",
|
8 | "blue-5": "mix(@blue-base, @component-background, 65%)",
|
9 | "blue-6": "mix(@blue-base, @component-background, 85%)",
|
10 | "blue-7": "mix(color(~`colorPalette('@{blue-base}', 5) `), @component-background, 90%)",
|
11 | "blue-8": "mix(color(~`colorPalette('@{blue-base}', 4) `), @component-background, 95%)",
|
12 | "blue-9": "mix(color(~`colorPalette('@{blue-base}', 3) `), @component-background, 97%)",
|
13 | "blue-10": "mix(color(~`colorPalette('@{blue-base}', 2) `), @component-background, 98%)",
|
14 | "purple-1": "mix(color(~`colorPalette('@{purple-base}', 8) `), @component-background, 15%)",
|
15 | "purple-2": "mix(color(~`colorPalette('@{purple-base}', 7) `), @component-background, 25%)",
|
16 | "purple-3": "mix(@purple-base, @component-background, 30%)",
|
17 | "purple-4": "mix(@purple-base, @component-background, 45%)",
|
18 | "purple-5": "mix(@purple-base, @component-background, 65%)",
|
19 | "purple-6": "mix(@purple-base, @component-background, 85%)",
|
20 | "purple-7": "mix(color(~`colorPalette('@{purple-base}', 5) `), @component-background, 90%)",
|
21 | "purple-8": "mix(color(~`colorPalette('@{purple-base}', 4) `), @component-background, 95%)",
|
22 | "purple-9": "mix(color(~`colorPalette('@{purple-base}', 3) `), @component-background, 97%)",
|
23 | "purple-10": "mix(color(~`colorPalette('@{purple-base}', 2) `), @component-background, 98%)",
|
24 | "cyan-1": "mix(color(~`colorPalette('@{cyan-base}', 8) `), @component-background, 15%)",
|
25 | "cyan-2": "mix(color(~`colorPalette('@{cyan-base}', 7) `), @component-background, 25%)",
|
26 | "cyan-3": "mix(@cyan-base, @component-background, 30%)",
|
27 | "cyan-4": "mix(@cyan-base, @component-background, 45%)",
|
28 | "cyan-5": "mix(@cyan-base, @component-background, 65%)",
|
29 | "cyan-6": "mix(@cyan-base, @component-background, 85%)",
|
30 | "cyan-7": "mix(color(~`colorPalette('@{cyan-base}', 5) `), @component-background, 90%)",
|
31 | "cyan-8": "mix(color(~`colorPalette('@{cyan-base}', 4) `), @component-background, 95%)",
|
32 | "cyan-9": "mix(color(~`colorPalette('@{cyan-base}', 3) `), @component-background, 97%)",
|
33 | "cyan-10": "mix(color(~`colorPalette('@{cyan-base}', 2) `), @component-background, 98%)",
|
34 | "green-1": "mix(color(~`colorPalette('@{green-base}', 8) `), @component-background, 15%)",
|
35 | "green-2": "mix(color(~`colorPalette('@{green-base}', 7) `), @component-background, 25%)",
|
36 | "green-3": "mix(@green-base, @component-background, 30%)",
|
37 | "green-4": "mix(@green-base, @component-background, 45%)",
|
38 | "green-5": "mix(@green-base, @component-background, 65%)",
|
39 | "green-6": "mix(@green-base, @component-background, 85%)",
|
40 | "green-7": "mix(color(~`colorPalette('@{green-base}', 5) `), @component-background, 90%)",
|
41 | "green-8": "mix(color(~`colorPalette('@{green-base}', 4) `), @component-background, 95%)",
|
42 | "green-9": "mix(color(~`colorPalette('@{green-base}', 3) `), @component-background, 97%)",
|
43 | "green-10": "mix(color(~`colorPalette('@{green-base}', 2) `), @component-background, 98%)",
|
44 | "magenta-1": "mix(color(~`colorPalette('@{magenta-base}', 8) `), @component-background, 15%)",
|
45 | "magenta-2": "mix(color(~`colorPalette('@{magenta-base}', 7) `), @component-background, 25%)",
|
46 | "magenta-3": "mix(@magenta-base, @component-background, 30%)",
|
47 | "magenta-4": "mix(@magenta-base, @component-background, 45%)",
|
48 | "magenta-5": "mix(@magenta-base, @component-background, 65%)",
|
49 | "magenta-6": "mix(@magenta-base, @component-background, 85%)",
|
50 | "magenta-7": "mix(color(~`colorPalette('@{magenta-base}', 5) `), @component-background, 90%)",
|
51 | "magenta-8": "mix(color(~`colorPalette('@{magenta-base}', 4) `), @component-background, 95%)",
|
52 | "magenta-9": "mix(color(~`colorPalette('@{magenta-base}', 3) `), @component-background, 97%)",
|
53 | "magenta-10": "mix(color(~`colorPalette('@{magenta-base}', 2) `), @component-background, 98%)",
|
54 | "pink-1": "mix(color(~`colorPalette('@{pink-base}', 8) `), @component-background, 15%)",
|
55 | "pink-2": "mix(color(~`colorPalette('@{pink-base}', 7) `), @component-background, 25%)",
|
56 | "pink-3": "mix(@pink-base, @component-background, 30%)",
|
57 | "pink-4": "mix(@pink-base, @component-background, 45%)",
|
58 | "pink-5": "mix(@pink-base, @component-background, 65%)",
|
59 | "pink-6": "mix(@pink-base, @component-background, 85%)",
|
60 | "pink-7": "mix(color(~`colorPalette('@{pink-base}', 5) `), @component-background, 90%)",
|
61 | "pink-8": "mix(color(~`colorPalette('@{pink-base}', 4) `), @component-background, 95%)",
|
62 | "pink-9": "mix(color(~`colorPalette('@{pink-base}', 3) `), @component-background, 97%)",
|
63 | "pink-10": "mix(color(~`colorPalette('@{pink-base}', 2) `), @component-background, 98%)",
|
64 | "red-1": "mix(color(~`colorPalette('@{red-base}', 8) `), @component-background, 15%)",
|
65 | "red-2": "mix(color(~`colorPalette('@{red-base}', 7) `), @component-background, 25%)",
|
66 | "red-3": "mix(@red-base, @component-background, 30%)",
|
67 | "red-4": "mix(@red-base, @component-background, 45%)",
|
68 | "red-5": "mix(@red-base, @component-background, 65%)",
|
69 | "red-6": "mix(@red-base, @component-background, 85%)",
|
70 | "red-7": "mix(color(~`colorPalette('@{red-base}', 5) `), @component-background, 90%)",
|
71 | "red-8": "mix(color(~`colorPalette('@{red-base}', 4) `), @component-background, 95%)",
|
72 | "red-9": "mix(color(~`colorPalette('@{red-base}', 3) `), @component-background, 97%)",
|
73 | "red-10": "mix(color(~`colorPalette('@{red-base}', 2) `), @component-background, 98%)",
|
74 | "orange-1": "mix(color(~`colorPalette('@{orange-base}', 8) `), @component-background, 15%)",
|
75 | "orange-2": "mix(color(~`colorPalette('@{orange-base}', 7) `), @component-background, 25%)",
|
76 | "orange-3": "mix(@orange-base, @component-background, 30%)",
|
77 | "orange-4": "mix(@orange-base, @component-background, 45%)",
|
78 | "orange-5": "mix(@orange-base, @component-background, 65%)",
|
79 | "orange-6": "mix(@orange-base, @component-background, 85%)",
|
80 | "orange-7": "mix(color(~`colorPalette('@{orange-base}', 5) `), @component-background, 90%)",
|
81 | "orange-8": "mix(color(~`colorPalette('@{orange-base}', 4) `), @component-background, 95%)",
|
82 | "orange-9": "mix(color(~`colorPalette('@{orange-base}', 3) `), @component-background, 97%)",
|
83 | "orange-10": "mix(color(~`colorPalette('@{orange-base}', 2) `), @component-background, 98%)",
|
84 | "yellow-1": "mix(color(~`colorPalette('@{yellow-base}', 8) `), @component-background, 15%)",
|
85 | "yellow-2": "mix(color(~`colorPalette('@{yellow-base}', 7) `), @component-background, 25%)",
|
86 | "yellow-3": "mix(@yellow-base, @component-background, 30%)",
|
87 | "yellow-4": "mix(@yellow-base, @component-background, 45%)",
|
88 | "yellow-5": "mix(@yellow-base, @component-background, 65%)",
|
89 | "yellow-6": "mix(@yellow-base, @component-background, 85%)",
|
90 | "yellow-7": "mix(color(~`colorPalette('@{yellow-base}', 5) `), @component-background, 90%)",
|
91 | "yellow-8": "mix(color(~`colorPalette('@{yellow-base}', 4) `), @component-background, 95%)",
|
92 | "yellow-9": "mix(color(~`colorPalette('@{yellow-base}', 3) `), @component-background, 97%)",
|
93 | "yellow-10": "mix(color(~`colorPalette('@{yellow-base}', 2) `), @component-background, 98%)",
|
94 | "volcano-1": "mix(color(~`colorPalette('@{volcano-base}', 8) `), @component-background, 15%)",
|
95 | "volcano-2": "mix(color(~`colorPalette('@{volcano-base}', 7) `), @component-background, 25%)",
|
96 | "volcano-3": "mix(@volcano-base, @component-background, 30%)",
|
97 | "volcano-4": "mix(@volcano-base, @component-background, 45%)",
|
98 | "volcano-5": "mix(@volcano-base, @component-background, 65%)",
|
99 | "volcano-6": "mix(@volcano-base, @component-background, 85%)",
|
100 | "volcano-7": "mix(color(~`colorPalette('@{volcano-base}', 5) `), @component-background, 90%)",
|
101 | "volcano-8": "mix(color(~`colorPalette('@{volcano-base}', 4) `), @component-background, 95%)",
|
102 | "volcano-9": "mix(color(~`colorPalette('@{volcano-base}', 3) `), @component-background, 97%)",
|
103 | "volcano-10": "mix(color(~`colorPalette('@{volcano-base}', 2) `), @component-background, 98%)",
|
104 | "geekblue-1": "mix(color(~`colorPalette('@{geekblue-base}', 8) `), @component-background, 15%)",
|
105 | "geekblue-2": "mix(color(~`colorPalette('@{geekblue-base}', 7) `), @component-background, 25%)",
|
106 | "geekblue-3": "mix(@geekblue-base, @component-background, 30%)",
|
107 | "geekblue-4": "mix(@geekblue-base, @component-background, 45%)",
|
108 | "geekblue-5": "mix(@geekblue-base, @component-background, 65%)",
|
109 | "geekblue-6": "mix(@geekblue-base, @component-background, 85%)",
|
110 | "geekblue-7": "mix(color(~`colorPalette('@{geekblue-base}', 5) `), @component-background, 90%)",
|
111 | "geekblue-8": "mix(color(~`colorPalette('@{geekblue-base}', 4) `), @component-background, 95%)",
|
112 | "geekblue-9": "mix(color(~`colorPalette('@{geekblue-base}', 3) `), @component-background, 97%)",
|
113 | "geekblue-10": "mix(color(~`colorPalette('@{geekblue-base}', 2) `), @component-background, 98%)",
|
114 | "lime-1": "mix(color(~`colorPalette('@{lime-base}', 8) `), @component-background, 15%)",
|
115 | "lime-2": "mix(color(~`colorPalette('@{lime-base}', 7) `), @component-background, 25%)",
|
116 | "lime-3": "mix(@lime-base, @component-background, 30%)",
|
117 | "lime-4": "mix(@lime-base, @component-background, 45%)",
|
118 | "lime-5": "mix(@lime-base, @component-background, 65%)",
|
119 | "lime-6": "mix(@lime-base, @component-background, 85%)",
|
120 | "lime-7": "mix(color(~`colorPalette('@{lime-base}', 5) `), @component-background, 90%)",
|
121 | "lime-8": "mix(color(~`colorPalette('@{lime-base}', 4) `), @component-background, 95%)",
|
122 | "lime-9": "mix(color(~`colorPalette('@{lime-base}', 3) `), @component-background, 97%)",
|
123 | "lime-10": "mix(color(~`colorPalette('@{lime-base}', 2) `), @component-background, 98%)",
|
124 | "gold-1": "mix(color(~`colorPalette('@{gold-base}', 8) `), @component-background, 15%)",
|
125 | "gold-2": "mix(color(~`colorPalette('@{gold-base}', 7) `), @component-background, 25%)",
|
126 | "gold-3": "mix(@gold-base, @component-background, 30%)",
|
127 | "gold-4": "mix(@gold-base, @component-background, 45%)",
|
128 | "gold-5": "mix(@gold-base, @component-background, 65%)",
|
129 | "gold-6": "mix(@gold-base, @component-background, 85%)",
|
130 | "gold-7": "mix(color(~`colorPalette('@{gold-base}', 5) `), @component-background, 90%)",
|
131 | "gold-8": "mix(color(~`colorPalette('@{gold-base}', 4) `), @component-background, 95%)",
|
132 | "gold-9": "mix(color(~`colorPalette('@{gold-base}', 3) `), @component-background, 97%)",
|
133 | "gold-10": "mix(color(~`colorPalette('@{gold-base}', 2) `), @component-background, 98%)",
|
134 | "primary-1": "mix(color(~`colorPalette('@{primary-color}', 8) `), @component-background, 15%)",
|
135 | "primary-2": "mix(color(~`colorPalette('@{primary-color}', 7) `), @component-background, 25%)",
|
136 | "primary-3": "mix(@primary-color, @component-background, 30%)",
|
137 | "primary-4": "mix(@primary-color, @component-background, 45%)",
|
138 | "primary-5": "mix(@primary-color, @component-background, 65%)",
|
139 | "primary-6": "@primary-color",
|
140 | "primary-7": "mix(color(~`colorPalette('@{primary-color}', 5) `), @component-background, 90%)",
|
141 | "primary-8": "mix(color(~`colorPalette('@{primary-color}', 4) `), @component-background, 95%)",
|
142 | "primary-9": "mix(color(~`colorPalette('@{primary-color}', 3) `), @component-background, 97%)",
|
143 | "primary-10": "mix(color(~`colorPalette('@{primary-color}', 2) `), @component-background, 98%)",
|
144 | "popover-background": "#1f1f1f",
|
145 | "popover-customize-border-color": "#3a3a3a",
|
146 | "body-background": "@black",
|
147 | "component-background": "#141414",
|
148 | "text-color": "fade(@white, 85%)",
|
149 | "text-color-secondary": "fade(@white, 45%)",
|
150 | "text-color-inverse": "@white",
|
151 | "icon-color-hover": "fade(@white, 75%)",
|
152 | "heading-color": "fade(@white, 85%)",
|
153 | "item-active-bg": "@primary-1",
|
154 | "item-hover-bg": "fade(@white, 8%)",
|
155 | "border-color-base": "#434343",
|
156 | "border-color-split": "#303030",
|
157 | "background-color-light": "fade(@white, 4%)",
|
158 | "background-color-base": "fade(@white, 8%)",
|
159 | "disabled-color": "fade(@white, 30%)",
|
160 | "disabled-bg": "@background-color-base",
|
161 | "disabled-color-dark": "fade(@white, 30%)",
|
162 | "tree-bg": "transparent",
|
163 | "list-customize-card-bg": "transparent",
|
164 | "shadow-color": "rgba(0, 0, 0, 0.45)",
|
165 | "shadow-color-inverse": "@component-background",
|
166 | "box-shadow-base": "@shadow-2",
|
167 | "shadow-1-up": "0 -6px 16px -8px rgba(0, 0, 0, 0.32), 0 -9px 28px 0 rgba(0, 0, 0, 0.2),\n 0 -12px 48px 16px rgba(0, 0, 0, 0.12)",
|
168 | "shadow-1-down": "0 6px 16px -8px rgba(0, 0, 0, 0.32), 0 9px 28px 0 rgba(0, 0, 0, 0.2),\n 0 12px 48px 16px rgba(0, 0, 0, 0.12)",
|
169 | "shadow-1-right": "6px 0 16px -8px rgba(0, 0, 0, 0.32), 9px 0 28px 0 rgba(0, 0, 0, 0.2),\n 12px 0 48px 16px rgba(0, 0, 0, 0.12)",
|
170 | "shadow-2": "0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32),\n 0 9px 28px 8px rgba(0, 0, 0, 0.2)",
|
171 | "btn-shadow": "0 2px 0 rgba(0, 0, 0, 0.015)",
|
172 | "btn-primary-shadow": "0 2px 0 rgba(0, 0, 0, 0.045)",
|
173 | "btn-text-shadow": "0 -1px 0 rgba(0, 0, 0, 0.12)",
|
174 | "btn-default-bg": "transparent",
|
175 | "btn-default-ghost-color": "@text-color",
|
176 | "btn-default-ghost-border": "fade(@white, 25%)",
|
177 | "btn-text-hover-bg": "rgba(255, 255, 255, 0.03)",
|
178 | "checkbox-check-bg": "transparent",
|
179 | "descriptions-bg": "@background-color-light",
|
180 | "divider-color": "rgba(255, 255, 255, 12%)",
|
181 | "modal-header-bg": "@popover-background",
|
182 | "modal-header-border-color-split": "@border-color-split",
|
183 | "modal-content-bg": "@popover-background",
|
184 | "modal-footer-border-color-split": "@border-color-split",
|
185 | "radio-solid-checked-color": "@white",
|
186 | "radio-dot-disabled-color": "fade(@white, 20%)",
|
187 | "radio-disabled-button-checked-bg": "fade(@white, 20%)",
|
188 | "radio-disabled-button-checked-color": "@disabled-color",
|
189 | "layout-body-background": "@body-background",
|
190 | "layout-header-background": "@popover-background",
|
191 | "layout-trigger-background": "#262626",
|
192 | "input-bg": "transparent",
|
193 | "input-placeholder-color": "fade(@white, 30%)",
|
194 | "input-icon-color": "fade(@white, 30%)",
|
195 | "input-number-handler-active-bg": "@item-hover-bg",
|
196 | "input-icon-hover-color": "fade(@white, 85%)",
|
197 | "select-background": "transparent",
|
198 | "select-dropdown-bg": "@popover-background",
|
199 | "select-clear-background": "@component-background",
|
200 | "select-selection-item-bg": "fade(@white, 8)",
|
201 | "select-selection-item-border-color": "@border-color-split",
|
202 | "select-multiple-disabled-background": "@component-background",
|
203 | "select-multiple-item-disabled-color": "#595959",
|
204 | "select-multiple-item-disabled-border-color": "@popover-background",
|
205 | "cascader-bg": "transparent",
|
206 | "cascader-menu-bg": "@popover-background",
|
207 | "cascader-menu-border-color-split": "@border-color-split",
|
208 | "tooltip-bg": "#434343",
|
209 | "menu-dark-inline-submenu-bg": "@component-background",
|
210 | "menu-dark-bg": "@popover-background",
|
211 | "menu-popup-bg": "@popover-background",
|
212 | "message-notice-content-bg": "@popover-background",
|
213 | "notification-bg": "@popover-background",
|
214 | "link-hover-color": "@primary-5",
|
215 | "link-active-color": "@primary-7",
|
216 | "table-header-bg": "#1d1d1d",
|
217 | "table-body-sort-bg": "fade(@white, 1%)",
|
218 | "table-row-hover-bg": "#262626",
|
219 | "table-header-cell-split-color": "fade(@white, 8%)",
|
220 | "table-header-sort-bg": "#262626",
|
221 | "table-header-filter-active-bg": "#434343",
|
222 | "table-header-sort-active-bg": "#303030",
|
223 | "table-fixed-header-sort-active-bg": "#222",
|
224 | "table-filter-btns-bg": "@popover-background",
|
225 | "table-expanded-row-bg": "@table-header-bg",
|
226 | "table-filter-dropdown-bg": "@popover-background",
|
227 | "table-expand-icon-bg": "transparent",
|
228 | "picker-basic-cell-hover-with-range-color": "darken(@primary-color, 35%)",
|
229 | "picker-basic-cell-disabled-bg": "#303030",
|
230 | "picker-border-color": "@border-color-split",
|
231 | "picker-bg": "transparent",
|
232 | "picker-date-hover-range-border-color": "darken(@primary-color, 20%)",
|
233 | "dropdown-menu-bg": "@popover-background",
|
234 | "dropdown-menu-submenu-disabled-bg": "transparent",
|
235 | "steps-nav-arrow-color": "fade(@white, 20%)",
|
236 | "steps-background": "transparent",
|
237 | "avatar-bg": "fade(@white, 30%)",
|
238 | "progress-steps-item-bg": "fade(@white, 8%)",
|
239 | "calendar-bg": "@popover-background",
|
240 | "calendar-input-bg": "@calendar-bg",
|
241 | "calendar-border-color": "transparent",
|
242 | "calendar-full-bg": "@component-background",
|
243 | "badge-text-color": "@white",
|
244 | "popover-bg": "@popover-background",
|
245 | "drawer-bg": "@popover-background",
|
246 | "card-actions-background": "@component-background",
|
247 | "card-skeleton-bg": "#303030",
|
248 | "card-shadow": "0 1px 2px -2px rgba(0, 0, 0, 0.64), 0 3px 6px 0 rgba(0, 0, 0, 0.48),\n 0 5px 12px 4px rgba(0, 0, 0, 0.36)",
|
249 | "transfer-item-hover-bg": "#262626",
|
250 | "comment-bg": "transparent",
|
251 | "comment-author-time-color": "fade(@white, 30%)",
|
252 | "comment-action-hover-color": "fade(@white, 65%)",
|
253 | "rate-star-bg": "fade(@white, 12%)",
|
254 | "switch-bg": "@white",
|
255 | "pagination-item-bg": "transparent",
|
256 | "pagination-item-bg-active": "transparent",
|
257 | "pagination-item-link-bg": "transparent",
|
258 | "pagination-item-disabled-bg-active": "fade(@white, 25%)",
|
259 | "pagination-item-disabled-color-active": "@black",
|
260 | "pagination-item-input-bg": "@pagination-item-bg",
|
261 | "page-header-back-color": "@icon-color",
|
262 | "page-header-ghost-bg": "transparent",
|
263 | "slider-rail-background-color": "#262626",
|
264 | "slider-rail-background-color-hover": "@border-color-base",
|
265 | "slider-dot-border-color": "@border-color-split",
|
266 | "slider-dot-border-color-active": "@primary-4",
|
267 | "skeleton-to-color": "fade(@white, 16%)",
|
268 | "alert-success-border-color": "@green-3",
|
269 | "alert-success-bg-color": "@green-1",
|
270 | "alert-success-icon-color": "@success-color",
|
271 | "alert-info-border-color": "@primary-3",
|
272 | "alert-info-bg-color": "@primary-1",
|
273 | "alert-info-icon-color": "@info-color",
|
274 | "alert-warning-border-color": "@gold-3",
|
275 | "alert-warning-bg-color": "@gold-1",
|
276 | "alert-warning-icon-color": "@warning-color",
|
277 | "alert-error-border-color": "@red-3",
|
278 | "alert-error-bg-color": "@red-1",
|
279 | "alert-error-icon-color": "@error-color",
|
280 | "timeline-color": "@border-color-split",
|
281 | "timeline-dot-color": "@primary-color",
|
282 | "mentions-dropdown-bg": "@popover-background"
|
283 | };
|
284 | const compactThemeSingle = {
|
285 | "line-height-base": "1.66667",
|
286 | "mode": "compact",
|
287 | "font-size-base": "12px",
|
288 | "font-size-lg": "@font-size-base + 2px",
|
289 | "default-padding-lg": "24px",
|
290 | "default-padding-md": "16px",
|
291 | "default-padding-sm": "12px",
|
292 | "default-padding-xs": "8px",
|
293 | "default-padding-xss": "4px",
|
294 | "padding-lg": "16px",
|
295 | "padding-md": "8px",
|
296 | "padding-sm": "8px",
|
297 | "padding-xs": "4px",
|
298 | "padding-xss": "0px",
|
299 | "control-padding-horizontal": "@padding-sm",
|
300 | "control-padding-horizontal-sm": "@default-padding-xs",
|
301 | "margin-lg": "16px",
|
302 | "margin-md": "8px",
|
303 | "margin-sm": "8px",
|
304 | "margin-xs": "4px",
|
305 | "margin-xss": "0px",
|
306 | "height-base": "28px",
|
307 | "height-lg": "32px",
|
308 | "height-sm": "22px",
|
309 | "btn-padding-horizontal-base": "@default-padding-sm - 1px",
|
310 | "btn-padding-horizontal-lg": "@btn-padding-horizontal-base",
|
311 | "btn-padding-horizontal-sm": "@default-padding-xs - 1px",
|
312 | "btn-square-only-icon-size-lg": "16px",
|
313 | "btn-square-only-icon-size": "14px",
|
314 | "btn-square-only-icon-size-sm": "12px",
|
315 | "breadcrumb-font-size": "@font-size-base",
|
316 | "breadcrumb-icon-font-size": "@font-size-base",
|
317 | "dropdown-line-height": "18px",
|
318 | "menu-item-padding": "0 12px",
|
319 | "menu-horizontal-line-height": "38px",
|
320 | "menu-inline-toplevel-item-height": "32px",
|
321 | "menu-item-height": "32px",
|
322 | "menu-item-vertical-margin": "0px",
|
323 | "menu-item-boundary-margin": "0px",
|
324 | "menu-icon-margin-right": "8px",
|
325 | "checkbox-size": "14px",
|
326 | "checkbox-group-item-margin-right": "6px",
|
327 | "picker-panel-cell-height": "22px",
|
328 | "picker-panel-cell-width": "32px",
|
329 | "picker-text-height": "32px",
|
330 | "picker-time-panel-cell-height": "24px",
|
331 | "picker-panel-without-time-cell-height": "48px",
|
332 | "form-item-margin-bottom": "16px",
|
333 | "form-vertical-label-padding": "0 0 4px",
|
334 | "rate-star-size": "16px",
|
335 | "radio-size": "14px",
|
336 | "radio-wrapper-margin-right": "6px",
|
337 | "switch-height": "20px",
|
338 | "switch-sm-height": "14px",
|
339 | "switch-min-width": "40px",
|
340 | "switch-sm-min-width": "24px",
|
341 | "switch-inner-margin-min": "4px",
|
342 | "switch-inner-margin-max": "22px",
|
343 | "slider-handle-size": "12px",
|
344 | "slider-handle-margin-top": "-4px",
|
345 | "input-padding-vertical-base": "round(\n max(\n (round(((@input-height-base - @font-size-base * @line-height-base) / 2) * 10) / 10) -\n @border-width-base,\n 2px\n )\n)",
|
346 | "input-padding-horizontal-lg": "11px",
|
347 | "page-header-padding": "16px",
|
348 | "page-header-padding-vertical": "8px",
|
349 | "page-header-heading-title": "16px",
|
350 | "page-header-heading-sub-title": "12px",
|
351 | "page-header-tabs-tab-font-size": "14px",
|
352 | "pagination-mini-options-size-changer-top": "1px",
|
353 | "pagination-item-size-sm": "22px",
|
354 | "cascader-dropdown-line-height": "@dropdown-line-height",
|
355 | "select-dropdown-height": "@height-base",
|
356 | "select-single-item-height-lg": "32px",
|
357 | "select-multiple-item-height": "@input-height-base - max(@input-padding-vertical-base, 4) * 2",
|
358 | "select-multiple-item-height-lg": "24px",
|
359 | "select-multiple-item-spacing-half": "3px",
|
360 | "tree-title-height": "20px",
|
361 | "transfer-item-padding-vertical": "3px",
|
362 | "transfer-list-search-icon-top": "8px",
|
363 | "transfer-header-height": "36px",
|
364 | "comment-actions-margin-bottom": "0px",
|
365 | "comment-actions-margin-top": "@margin-xs",
|
366 | "comment-content-detail-p-margin-bottom": "0px",
|
367 | "steps-icon-size": "24px",
|
368 | "steps-icon-custom-size": "20px",
|
369 | "steps-icon-custom-font-size": "20px",
|
370 | "steps-icon-custom-top": "2px",
|
371 | "steps-icon-margin": "2px 8px 2px 0",
|
372 | "steps-icon-font-size": "@font-size-base",
|
373 | "steps-dot-top": "4px",
|
374 | "steps-icon-top": "0px",
|
375 | "steps-small-icon-size": "20px",
|
376 | "steps-vertical-icon-width": "12px",
|
377 | "steps-vertical-tail-width": "12px",
|
378 | "steps-vertical-tail-width-sm": "10px",
|
379 | "collapse-content-padding": "@padding-md @padding-lg",
|
380 | "list-item-meta-description-font-size": "@font-size-sm",
|
381 | "list-item-padding-sm": "4px 12px",
|
382 | "list-item-padding-lg": "12px 16px",
|
383 | "drawer-header-padding": "11px @padding-lg",
|
384 | "drawer-footer-padding-vertical": "@padding-sm",
|
385 | "drawer-footer-padding-horizontal": "@padding-sm",
|
386 | "drawer-header-close-size": "44px",
|
387 | "modal-header-padding": "11px @modal-header-padding-horizontal",
|
388 | "modal-footer-padding-vertical": "@padding-sm",
|
389 | "modal-header-close-size": "44px",
|
390 | "modal-confirm-body-padding": "24px 24px 16px",
|
391 | "message-notice-content-padding": "8px 16px",
|
392 | "popover-min-height": "28px",
|
393 | "popover-padding-horizontal": "@default-padding-sm",
|
394 | "card-padding-base": "12px",
|
395 | "card-head-height": "36px",
|
396 | "card-head-font-size": "@card-head-font-size-sm",
|
397 | "card-head-padding": "8.5px",
|
398 | "card-padding-base-sm": "@card-padding-base",
|
399 | "card-head-height-sm": "30px",
|
400 | "card-head-padding-sm": "6px",
|
401 | "card-actions-li-margin": "4px 0",
|
402 | "card-head-tabs-margin-bottom": "-9px",
|
403 | "table-padding-vertical": "12px",
|
404 | "table-padding-horizontal": "8px",
|
405 | "table-padding-vertical-md": "8px",
|
406 | "table-padding-horizontal-md": "8px",
|
407 | "table-padding-vertical-sm": "4px",
|
408 | "table-padding-horizontal-sm": "4px",
|
409 | "table-selection-column-width": "32px",
|
410 | "statistic-content-font-size": "20px",
|
411 | "alert-with-description-no-icon-padding-vertical": "7px",
|
412 | "alert-with-description-padding-vertical": "11px",
|
413 | "alert-icon-top": "7px + @font-size-base * (@line-height-base / 2) - (@font-size-base / 2)",
|
414 | "alert-with-description-icon-size": "20px",
|
415 | "skeleton-paragraph-margin-top": "20px",
|
416 | "skeleton-paragraph-li-margin-top": "12px",
|
417 | "skeleton-paragraph-li-height": "14px",
|
418 | "skeleton-title-height": "14px",
|
419 | "skeleton-title-paragraph-margin-top": "20px",
|
420 | "descriptions-title-margin-bottom": "8px",
|
421 | "descriptions-default-padding": "12px @padding-lg",
|
422 | "descriptions-item-padding-bottom": "@padding-xs",
|
423 | "avatar-size-base": "28px",
|
424 | "avatar-size-lg": "32px",
|
425 | "avatar-size-sm": "22px",
|
426 | "avatar-font-size-base": "16px",
|
427 | "avatar-font-size-lg": "20px",
|
428 | "avatar-font-size-sm": "12px",
|
429 | "badge-height": "18px",
|
430 | "tag-line-height": "18px",
|
431 | "notification-padding-vertical": "12px",
|
432 | "notification-padding-horizontal": "16px",
|
433 | "result-title-font-size": "20px",
|
434 | "result-icon-font-size": "64px",
|
435 | "result-extra-margin": "24px 0 0 0",
|
436 | "anchor-link-top": "4px",
|
437 | "anchor-link-left": "16px",
|
438 | "anchor-link-padding": "@anchor-link-top 0 @anchor-link-top @anchor-link-left",
|
439 | "tabs-card-horizontal-padding": "4px @padding-md",
|
440 | "progress-circle-text-font-size": "0.833333em",
|
441 | "image-size-base": "48px",
|
442 | "image-font-size-base": "24px"
|
443 | };
|
444 | const variableThemeSingle = {};
|
445 |
|
446 | function getThemeVariables(options = {}) {
|
447 | let themeVar = {
|
448 | 'hack': `true;@import "${require.resolve('antd/lib/style/color/colorPalette.less')}";`,
|
449 | ...defaultTheme
|
450 | };
|
451 | if(options.dark) {
|
452 | themeVar = {
|
453 | ...themeVar,
|
454 | ...darkThemeSingle
|
455 | }
|
456 | }
|
457 | if(options.compact){
|
458 | themeVar = {
|
459 | ...themeVar,
|
460 | ...compactThemeSingle
|
461 | }
|
462 | }
|
463 | return themeVar;
|
464 | }
|
465 |
|
466 | module.exports = {
|
467 | darkThemeSingle,
|
468 | compactThemeSingle,
|
469 | getThemeVariables
|
470 | } |
\ | No newline at end of file |