@qn-pandora/pandora-component 4.3.2 → 4.3.4
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.json +37 -0
- package/CHANGELOG.md +35 -45
- package/README.md +36 -36
- package/es/components/AutoComplete/style.less +8 -8
- package/es/components/Breadcrumb/style.less +9 -9
- package/es/components/Button/style.less +51 -51
- package/es/components/Card/RowExtra/style.less +8 -8
- package/es/components/Card/SearchInput/style.less +8 -8
- package/es/components/Card/style.less +11 -11
- package/es/components/CheckTransformList/style.less +35 -35
- package/es/components/Checkbox/style.less +5 -5
- package/es/components/CheckboxList/style.less +11 -11
- package/es/components/Collapse/style.less +58 -58
- package/es/components/CollapsiblePanel/style.less +63 -63
- package/es/components/DateTimePicker/Base/style.less +160 -160
- package/es/components/DateTimePicker/BaseMobile/Absolute/style.less +35 -35
- package/es/components/DateTimePicker/BaseMobile/style.less +32 -32
- package/es/components/DateTimePicker/Collapse/Panel/style.less +26 -26
- package/es/components/DateTimePicker/DisplayInput/style.less +9 -9
- package/es/components/DateTimePicker/constants.d.ts +2 -2
- package/es/components/DateTimePicker/style.less +19 -19
- package/es/components/Descriptions/style.less +16 -16
- package/es/components/Drawer/CloseIcon/style.less +8 -8
- package/es/components/Drawer/index.d.ts +1 -0
- package/es/components/Drawer/index.js +13 -4
- package/es/components/Drawer/style.less +61 -61
- package/es/components/FileResumable/constants.d.ts +1 -0
- package/es/components/FileResumable/index.js +4 -2
- package/es/components/FileResumable/style.less +94 -94
- package/es/components/Input/style.less +12 -12
- package/es/components/KeyValuePair/style.less +25 -25
- package/es/components/Menu/style.less +18 -18
- package/es/components/Modal/style.less +30 -30
- package/es/components/NameExplainTooltip/style.less +10 -10
- package/es/components/NameLimiter/index.d.ts +5 -4
- package/es/components/NameLimiter/index.js +2 -2
- package/es/components/NameLimiter/style.less +19 -19
- package/es/components/OptionList/InlineOptionList/style.less +16 -16
- package/es/components/OptionList/OptionItem/style.less +25 -25
- package/es/components/OptionList/PopoverOptionList/style.less +30 -30
- package/es/components/OptionList/style.less +3 -3
- package/es/components/RadioGroup/style.less +41 -41
- package/es/components/RangeInput/style.less +37 -37
- package/es/components/RemarkName/style.less +2 -2
- package/es/components/Selector/style.less +99 -99
- package/es/components/Spin/style.less +26 -26
- package/es/components/Steps/ControlButton/style.less +5 -5
- package/es/components/Steps/style.less +48 -48
- package/es/components/Table/ColumnSetting/style.less +46 -46
- package/es/components/Table/ColumnTag/style.less +40 -40
- package/es/components/Table/style.less +321 -321
- package/es/components/Tabs/style.less +33 -33
- package/es/components/TagList/Tag/style.less +72 -72
- package/es/components/TagList/TagSwitch/style.less +28 -28
- package/es/components/TagList/style.less +28 -28
- package/es/components/Timeline/TimelineItem/style.less +49 -49
- package/es/components/Timeline/style.less +23 -23
- package/es/components/Transfer/List/style.less +19 -19
- package/es/components/Transfer/ListBody/style.less +18 -18
- package/es/components/Transfer/style.less +14 -14
- package/es/components/TreeSelector/style.less +56 -56
- package/es/index.css +1928 -1928
- package/es/index.less +53 -53
- package/es/style/mixin.less +45 -45
- package/es/style/theme.less +412 -412
- package/lib/components/AutoComplete/style.less +8 -8
- package/lib/components/Breadcrumb/style.less +9 -9
- package/lib/components/Button/style.less +51 -51
- package/lib/components/Card/RowExtra/style.less +8 -8
- package/lib/components/Card/SearchInput/style.less +8 -8
- package/lib/components/Card/style.less +11 -11
- package/lib/components/CheckTransformList/style.less +35 -35
- package/lib/components/Checkbox/style.less +5 -5
- package/lib/components/CheckboxList/style.less +11 -11
- package/lib/components/Collapse/style.less +58 -58
- package/lib/components/CollapsiblePanel/style.less +63 -63
- package/lib/components/DateTimePicker/Base/style.less +160 -160
- package/lib/components/DateTimePicker/BaseMobile/Absolute/style.less +35 -35
- package/lib/components/DateTimePicker/BaseMobile/style.less +32 -32
- package/lib/components/DateTimePicker/Collapse/Panel/style.less +26 -26
- package/lib/components/DateTimePicker/DisplayInput/style.less +9 -9
- package/lib/components/DateTimePicker/constants.d.ts +2 -2
- package/lib/components/DateTimePicker/style.less +19 -19
- package/lib/components/Descriptions/style.less +16 -16
- package/lib/components/Drawer/CloseIcon/style.less +8 -8
- package/lib/components/Drawer/index.d.ts +1 -0
- package/lib/components/Drawer/index.js +13 -4
- package/lib/components/Drawer/style.less +61 -61
- package/lib/components/FileResumable/constants.d.ts +1 -0
- package/lib/components/FileResumable/index.js +4 -2
- package/lib/components/FileResumable/style.less +94 -94
- package/lib/components/Input/style.less +12 -12
- package/lib/components/KeyValuePair/style.less +25 -25
- package/lib/components/Menu/style.less +18 -18
- package/lib/components/Modal/style.less +30 -30
- package/lib/components/NameExplainTooltip/style.less +10 -10
- package/lib/components/NameLimiter/index.d.ts +5 -4
- package/lib/components/NameLimiter/index.js +2 -2
- package/lib/components/NameLimiter/style.less +19 -19
- package/lib/components/OptionList/InlineOptionList/style.less +16 -16
- package/lib/components/OptionList/OptionItem/style.less +25 -25
- package/lib/components/OptionList/PopoverOptionList/style.less +30 -30
- package/lib/components/OptionList/style.less +3 -3
- package/lib/components/RadioGroup/style.less +41 -41
- package/lib/components/RangeInput/style.less +37 -37
- package/lib/components/RemarkName/style.less +2 -2
- package/lib/components/Selector/style.less +99 -99
- package/lib/components/Spin/style.less +26 -26
- package/lib/components/Steps/ControlButton/style.less +5 -5
- package/lib/components/Steps/style.less +48 -48
- package/lib/components/Table/ColumnSetting/style.less +46 -46
- package/lib/components/Table/ColumnTag/style.less +40 -40
- package/lib/components/Table/style.less +321 -321
- package/lib/components/Tabs/style.less +33 -33
- package/lib/components/TagList/Tag/style.less +72 -72
- package/lib/components/TagList/TagSwitch/style.less +28 -28
- package/lib/components/TagList/style.less +28 -28
- package/lib/components/Timeline/TimelineItem/style.less +49 -49
- package/lib/components/Timeline/style.less +23 -23
- package/lib/components/Transfer/List/style.less +19 -19
- package/lib/components/Transfer/ListBody/style.less +18 -18
- package/lib/components/Transfer/style.less +14 -14
- package/lib/components/TreeSelector/style.less +56 -56
- package/lib/index.css +4457 -4457
- package/lib/index.less +53 -53
- package/lib/style/mixin.less +45 -45
- package/lib/style/theme.less +412 -412
- package/package.json +83 -83
package/lib/style/theme.less
CHANGED
@@ -1,412 +1,412 @@
|
|
1
|
-
@ant-prefix: ant;
|
2
|
-
|
3
|
-
@root-entry-name: 'default';
|
4
|
-
|
5
|
-
// classname前后缀变量=========================================================
|
6
|
-
@sdk-prefix: pandora-sdk; // 多个使用
|
7
|
-
|
8
|
-
// 基础颜色变量=========================================================
|
9
|
-
// antd覆盖色
|
10
|
-
@black: #000000; // phoenix antd
|
11
|
-
// pandora色
|
12
|
-
@gray-bg-color: #f4f5f7; // pandora-component pandora-visualization phoenix
|
13
|
-
|
14
|
-
// 基础功能色变量=========================================================
|
15
|
-
|
16
|
-
// 主题色------------------------
|
17
|
-
// antd覆盖色
|
18
|
-
@primary-color: #7a869a; // pandora-component antd phoenix
|
19
|
-
@normal-color: #ffffff; // pandora-component antd 多 phoenix
|
20
|
-
// pandora色
|
21
|
-
@second-primary-color: #7a869b; // pandora-component 多
|
22
|
-
@theme-color: #2c6dd2; // pandora-component 多 phoenix
|
23
|
-
@theme-color-005: fade(
|
24
|
-
@theme-color,
|
25
|
-
5%
|
26
|
-
); // pandora-component pandora-visualization phoenix
|
27
|
-
@theme-color-008: fade(@theme-color, 8%);
|
28
|
-
@theme-color-010: fade(@theme-color, 10%); // pandora-component 多 phoenix
|
29
|
-
@theme-color-015: fade(@theme-color, 15%); // pandora-component 多 phoenix
|
30
|
-
@theme-color-020: fade(
|
31
|
-
@theme-color,
|
32
|
-
20%
|
33
|
-
); // pandora-component pandora-visualization phoenix
|
34
|
-
@theme-color-060: fade(
|
35
|
-
@theme-color,
|
36
|
-
60%
|
37
|
-
); // pandora-component pandora-visualization phoenix
|
38
|
-
@theme-color-070: fade(@theme-color, 70%); // pandora-component 多 phoenix
|
39
|
-
@theme-color-080: fade(
|
40
|
-
@theme-color,
|
41
|
-
80%
|
42
|
-
); // pandora-component pandora-visualization phoenix
|
43
|
-
@theme-color-030: fade(@theme-color, 30%); // 多个
|
44
|
-
@theme-color-050: fade(@theme-color, 50%); // 多个
|
45
|
-
@theme-color-090: fade(@theme-color, 90%); // 多个
|
46
|
-
|
47
|
-
// hover时背景颜色
|
48
|
-
@hover-bg: #f3f7fd;
|
49
|
-
|
50
|
-
// 背景阴影色------------------------
|
51
|
-
@transparent-bg: transparent; // phoenix
|
52
|
-
@background-secondary: @normal-color; // phoenix
|
53
|
-
@shadow-bg-color: rgba(0, 0, 0, 0.4); // phoenix
|
54
|
-
@shadow-bg-color-light: rgba(51, 51, 51, 0.08); // phoenix
|
55
|
-
// 深色主题
|
56
|
-
@dark-background-color: #19202b; // 多个
|
57
|
-
@dark-item-background-color: #2c2c31; // pandora-visualization
|
58
|
-
|
59
|
-
// 字体------------------------
|
60
|
-
// antd覆盖色
|
61
|
-
@text-color: fade(#000, 65%); // 默认字体颜色 // pandora-component antd phoenix
|
62
|
-
@font-size-base: 14px; // phoenix antd
|
63
|
-
@text-color-secondary: fade(@black, 45%); // phoenix 跟antd一样
|
64
|
-
// pandora色
|
65
|
-
@font-color-1: #232c3b; // pandora-component 多 phoenix
|
66
|
-
@font-color-2: #42526e; // pandora-component pandora-visualization phoenix
|
67
|
-
@font-color-3: #7a869a; // pandora-component 多 phoenix
|
68
|
-
@font-disable-color: #d9d9d9; // pandora-component 多 phoenix
|
69
|
-
@font-disable-color-2: #bfbfbf;
|
70
|
-
@font-color-4: #b3bac5; // 多个
|
71
|
-
@font-color-5: #8d9199; // phoenix
|
72
|
-
@font-color-6: #666;
|
73
|
-
@font-color-9: #999;
|
74
|
-
@font-color-7: #333;
|
75
|
-
@font-color-8: #8c8c8c;
|
76
|
-
@secondary-font-color: #c1c7d0; // phoenix
|
77
|
-
@disabled-text-color: #9eaec5; // pandora-visualization pheonix
|
78
|
-
@log-font-family: 'Droid Sans Mono', 'Consolas', 'Monaco', 'Courier New',
|
79
|
-
Courier, monospace; // pandora-app-component phoenix
|
80
|
-
|
81
|
-
// 布局------------------------
|
82
|
-
// antd覆盖色
|
83
|
-
@body-background: @normal-color; // pandora-component antd pandora-app-component phoenix
|
84
|
-
@component-background: @normal-color; // pandora-component antd phoenix
|
85
|
-
// pandora色
|
86
|
-
@content-color: #42526e; // pandora-component pandora-visualization phoenix
|
87
|
-
@title-color: rgba(35, 44, 59, 1); // pandora-component phoenix
|
88
|
-
@title-dark-color: #c1c7d0; // pandora-app-component!!!!!!!
|
89
|
-
@heading-color: #333;
|
90
|
-
@off-color: #ebecf0; // phoenix
|
91
|
-
|
92
|
-
// 提示------------------------
|
93
|
-
// antd覆盖色
|
94
|
-
@error-color: #f5222d; // pandora-component antd 多 phoenix
|
95
|
-
@warning-color: #f0a818; // pandora-component antd phoenix
|
96
|
-
@success-color: #20c997; // pandora-component antd pandora-visualization phoenix
|
97
|
-
@highlight-color: @warning-color; // phoenix antd
|
98
|
-
// pandora色
|
99
|
-
@delete-color: #ff6b6b; // pandora-component 多 phoenix
|
100
|
-
@delete-color-030: rgba(255, 107, 107, 0.3); // phoenix
|
101
|
-
@delete-color-010: rgba(255, 107, 107, 0.1); // pandora-app-component phoenix
|
102
|
-
@font-warning-color: #faad14; // phoenix
|
103
|
-
|
104
|
-
// 边框------------------------
|
105
|
-
// antd覆盖色
|
106
|
-
@border-color-base: #e5e5e5; // pandora-component antd 多 phoenix
|
107
|
-
@border-radius-base: 2px; // antd
|
108
|
-
@border-radius-sm: 2px; // antd
|
109
|
-
@border-color-split: @border-color-base; // antd
|
110
|
-
// pandora色
|
111
|
-
@border-color-normal: #e5e5e5;
|
112
|
-
@border-color-1: #d9d9d9;
|
113
|
-
@border-color-2: #bfbfbf;
|
114
|
-
@border-color-3: #e9e9e9;
|
115
|
-
@modal-header-border-color: rgba(0, 0, 0, 0.09);
|
116
|
-
|
117
|
-
// icon------------------------
|
118
|
-
// antd覆盖色
|
119
|
-
@icon-color: #bfbfbf; // pandora-component antd 多 phoenix
|
120
|
-
// pandora色
|
121
|
-
@icon-color-2: rgba(
|
122
|
-
66,
|
123
|
-
82,
|
124
|
-
110,
|
125
|
-
1
|
126
|
-
); // pandora-component pandora-visualization phoenix
|
127
|
-
|
128
|
-
// z-index------------------------
|
129
|
-
// antd覆盖色
|
130
|
-
@zindex-modal: 1200; // pandora-app-component phoenix antd
|
131
|
-
@zindex-modal-mask: 1200; // antd
|
132
|
-
@zindex-popover: 1200; // antd
|
133
|
-
@zindex-tooltip: 1300; // antd
|
134
|
-
// pandora色
|
135
|
-
@zindex-layout-navbar: 1100; // phoenix
|
136
|
-
@zindex-layout-sidebar: 1000; // phoenix
|
137
|
-
@zindex-toaster: 3000; // app-platform phoenix
|
138
|
-
|
139
|
-
// 组件色变量=========================================================
|
140
|
-
|
141
|
-
// Common Button------------------------
|
142
|
-
// antd覆盖色
|
143
|
-
@btn-primary-color: @normal-color; // antd
|
144
|
-
@btn-primary-bg: @theme-color; // antd
|
145
|
-
@btn-default-color: rgba(0, 0, 0, 0.65); // antd
|
146
|
-
@btn-default-bg: @body-background; // antd
|
147
|
-
@btn-disable-color: rgb(238, 238, 238); // antd
|
148
|
-
@btn-disable-bg: @theme-color-070; // antd
|
149
|
-
// pandora色
|
150
|
-
@button-disabled-bg: #eee; // pandora-component pandora-visualization phoenix
|
151
|
-
@button-disabled-color: #bfbfbf; // pandora-component pandora-visualization phoenix
|
152
|
-
@button-disabled-border-color: #eee; // pandora-component pandora-visualization phoenix
|
153
|
-
@button-default-bg: @normal-color; // pandora-component pandora-visualization phoenix
|
154
|
-
@button-default-color: rgba(
|
155
|
-
0,
|
156
|
-
0,
|
157
|
-
0,
|
158
|
-
0.65
|
159
|
-
); // pandora-component pandora-visualization phoenix
|
160
|
-
@button-default-border-color: @input-border-color; // pandora-component pandora-visualization phoenix
|
161
|
-
@button-default-hover-bg: @table-thead-bg; // pandora-component pandora-visualization phoenix
|
162
|
-
@button-default-hover-color: @theme-color; // pandora-component pandora-visualization phoenix
|
163
|
-
@button-default-hover-border-color: @input-border-color; // pandora-component pandora-visualization phoenix
|
164
|
-
@button-primary-bg: @theme-color; // pandora-component pandora-visualization phoenix
|
165
|
-
@button-primary-color: @normal-color; // pandora-component pandora-visualization phoenix
|
166
|
-
@button-primary-border-color: @theme-color; // pandora-component pandora-visualization phoenix
|
167
|
-
@button-primary-hover-bg: @theme-color-080; // pandora-component pandora-visualization phoenix
|
168
|
-
@button-primary-hover-color: @normal-color; // pandora-component pandora-visualization phoenix
|
169
|
-
@button-primary-hover-border-color: @theme-color-080; // pandora-component pandora-visualization phoenix
|
170
|
-
@button-ghost-bg: transparent; // pandora-component pandora-visualization phoenix
|
171
|
-
@button-ghost-color: @theme-color; // pandora-component pandora-visualization phoenix
|
172
|
-
@button-ghost-border-color: @theme-color; // pandora-component pandora-visualization phoenix
|
173
|
-
@button-ghost-hover-bg: @theme-color; // pandora-component pandora-visualization phoenix
|
174
|
-
@button-ghost-hover-color: @normal-color; // pandora-component pandora-visualization phoenix
|
175
|
-
@button-ghost-hover-border-color: @theme-color; // pandora-component pandora-visualization phoenix
|
176
|
-
@btn-cancel-color: @theme-color; // pandora-component 多 phoenix
|
177
|
-
@btn-cancel-bg: #e9f0fa; // pandora-component 多 phoenix
|
178
|
-
|
179
|
-
// Input和label------------------------
|
180
|
-
// antd覆盖色
|
181
|
-
@input-placeholder-color: #bfbfbf; // pandora-component antd 多 phoenix
|
182
|
-
@input-border-color: #bfbfbf; // pandora-component antd
|
183
|
-
@input-height-base: 32px; // phoenix antd
|
184
|
-
@input-height-lg: 40px; // antd
|
185
|
-
@input-height-sm: 26px; // antd
|
186
|
-
@input-padding-vertical-base: 4px;
|
187
|
-
@input-bg: transparent; // 多个 antd
|
188
|
-
@input-disabled-bg: #f5f5f5; // antd
|
189
|
-
@input-disabled-border-color: #d9d9d9; // pandora-app-component
|
190
|
-
@input-color: #333333; // antd
|
191
|
-
@input-hover-border-color: @theme-color; // 本文件 antd
|
192
|
-
// pandora色
|
193
|
-
@input-error-color: fade(@delete-color, 15); // phoenix
|
194
|
-
@input-light-bg: #c1c7d0; // pandora-app-component
|
195
|
-
@input-dark-bg: rgba(44, 109, 210, 0.1); // pandora-app-component
|
196
|
-
@label-dark-bg: rgba(44, 109, 210, 0.3); // pandora-app-component
|
197
|
-
|
198
|
-
// Select------------------------
|
199
|
-
// antd覆盖色
|
200
|
-
@select-border-color: @input-border-color; // antd
|
201
|
-
// pandora色
|
202
|
-
@select-bg: @input-bg; // pandora-component pandora-visualization phoenix
|
203
|
-
@select-popover-hover-color: @theme-color-005; // pandora-component pandora-visualization phoenix
|
204
|
-
@select-item-selected-bg: @select-popover-hover-color;
|
205
|
-
@select-item-active-bg: @select-popover-hover-color;
|
206
|
-
@select-dropdown-line-height: 24px;
|
207
|
-
@item-hover-bg: @select-popover-hover-color;
|
208
|
-
@select-dropdown-edge-child-vertical-padding: 4px;
|
209
|
-
@select-selection-bg: #f5f5f5;
|
210
|
-
|
211
|
-
// Table------------------------
|
212
|
-
// antd覆盖色
|
213
|
-
// TODO: 暂时写死,后续通过函数计算@theme-color-010得到
|
214
|
-
@table-row-hover-bg: @hover-bg;
|
215
|
-
@table-selected-row-bg: @theme-color; // antd
|
216
|
-
@table-padding-vertical: 14px; // antd
|
217
|
-
@table-padding-horizontal: 12px; // antd
|
218
|
-
// pandora色
|
219
|
-
@table-row-odd-bg: @normal-color; // pandora-component phoenix
|
220
|
-
@table-row-even-bg: #fafafa; // pandora-component phoenix
|
221
|
-
@table-thead-color: #333; // pandora-component phoenix
|
222
|
-
@table-thead-bg: #fafafa; // pandora-component
|
223
|
-
@table-link-color: @theme-color; // pandora-component phoenix
|
224
|
-
@table-border-color: rgba(235, 236, 240, 1); // phoenix
|
225
|
-
@table-search-icon-color: #bfbfbf; // phoenix
|
226
|
-
@table-sorter-icon-color: #bfbfbf; // phoenix
|
227
|
-
|
228
|
-
// Tabs------------------------
|
229
|
-
@tabs-ink-bar-color: @theme-color;
|
230
|
-
@tabs-highlight-color: @theme-color;
|
231
|
-
@tabs-hover-color: @theme-color;
|
232
|
-
@tabs-active-color: @theme-color;
|
233
|
-
|
234
|
-
// Tag------------------------
|
235
|
-
// antd覆盖色
|
236
|
-
// pandora色
|
237
|
-
@tag-green: @success-color; // pandora-component phoenix
|
238
|
-
@tag-primary: @theme-color; // pandora-component phoenix
|
239
|
-
@tag-yellow: @warning-color; // pandora-component phoenix
|
240
|
-
@tag-blue: #03a9f4; // pandora-component phoenix
|
241
|
-
@tag-grey: #ebecf0; // pandora-component phoenix
|
242
|
-
@tag-bg-primary-color: @success-color; // phoenix
|
243
|
-
|
244
|
-
//移动端绝对时间选择组件------------------------
|
245
|
-
// antd覆盖色
|
246
|
-
// pandora色
|
247
|
-
@time-absolute-sub-title: rgba(235, 236, 240, 1); // pandora-component
|
248
|
-
@time-absolute-am-picker-col-indicator: rgba(
|
249
|
-
235,
|
250
|
-
236,
|
251
|
-
240,
|
252
|
-
0.5
|
253
|
-
); // pandora-component
|
254
|
-
@time-absolute-picker-title-div: #939393; // pandora-component
|
255
|
-
|
256
|
-
// sidebar------------------------
|
257
|
-
@layout-sidebar-width: 240px; // phoenix
|
258
|
-
@layout-sidebar-collapsed-width: 0px; // phoenix
|
259
|
-
@layout-navbar-height: 52px; // phoenix
|
260
|
-
@layout-navbar-sub-height: 56px; // phoenix
|
261
|
-
// 深色主题
|
262
|
-
@side-bar-active-color: #6ac73c; // pandora-visualization
|
263
|
-
|
264
|
-
// Tooltip------------------------
|
265
|
-
// antd覆盖色
|
266
|
-
@tooltip-bg: fade(@font-color-1, 80); // antd
|
267
|
-
@tooltip-color: @normal-color; // 跟antd一样
|
268
|
-
@tooltip-arrow-color: @tooltip-bg; // antd
|
269
|
-
// pandora色
|
270
|
-
@tooltip-shadow-color-1: rgba(35, 44, 59, 0.2); // phoenix
|
271
|
-
|
272
|
-
// toaster // pheonix app-platform均有一份toaster组件,其实都差不多的------------------------
|
273
|
-
// antd覆盖色
|
274
|
-
// pandora色
|
275
|
-
@toaster-error-bg: rgba(250, 100, 100, 0.8);
|
276
|
-
@toaster-success-bg: rgba(32, 201, 151, 0.8);
|
277
|
-
@toaster-warning-bg: rgba(252, 196, 25, 0.8);
|
278
|
-
@toaster-info-bg: @theme-color-080;
|
279
|
-
@toaster-error-shadow: rgba(255, 107, 107, 0.3);
|
280
|
-
@toaster-success-shadow: rgba(32, 201, 151, 0.3);
|
281
|
-
@toaster-warning-shadow: rgba(252, 196, 25, 0.3);
|
282
|
-
@toaster-info-shadow: rgba(44, 109, 210, 0.3);
|
283
|
-
|
284
|
-
// tree------------------------
|
285
|
-
// antd覆盖色
|
286
|
-
@tree-title-height: 24px; // antd
|
287
|
-
@tree-child-padding: 8px; // antd
|
288
|
-
@tree-node-hover-bg: @theme-color-005; // pheonix antd
|
289
|
-
@tree-node-selected-bg: @theme-color-005; // pheonix antd
|
290
|
-
// pandora色
|
291
|
-
@tree-node-hover-color: @theme-color; // pheonix
|
292
|
-
@tree-node-selected-color: @theme-color; // pheonix
|
293
|
-
|
294
|
-
// pagination------------------------
|
295
|
-
// antd覆盖色
|
296
|
-
@pagination-item-size: 32px; // 跟antd一样
|
297
|
-
// pandora色
|
298
|
-
@pagination-item-text-color: @font-color-6;
|
299
|
-
@pagination-item-border-color: @border-color-1;
|
300
|
-
|
301
|
-
// form------------------------
|
302
|
-
// antd覆盖色
|
303
|
-
@form-item-margin-bottom: 20px; // antd
|
304
|
-
// pandora色
|
305
|
-
|
306
|
-
// outline------------------------
|
307
|
-
// antd覆盖色
|
308
|
-
@outline-color: @input-hover-border-color; // antd
|
309
|
-
// pandora色
|
310
|
-
|
311
|
-
// Slider // antd------------------------
|
312
|
-
// antd覆盖色
|
313
|
-
@slider-rail-background-color: @input-bg; // antd
|
314
|
-
@slider-rail-background-color-hover: @input-bg; // antd
|
315
|
-
@slider-track-background-color: @theme-color-090; // antd
|
316
|
-
@slider-track-background-color-hover: @theme-color;
|
317
|
-
@slider-handle-color: @theme-color-090;
|
318
|
-
@slider-handle-color-hover: @theme-color;
|
319
|
-
@slider-handle-color-focus: @theme-color;
|
320
|
-
@slider-handle-color-focus-shadow: @theme-color;
|
321
|
-
@slider-handle-color-tooltip-open: @theme-color;
|
322
|
-
// pandora色
|
323
|
-
|
324
|
-
// Card------------------------
|
325
|
-
@card-padding-base: 20px;
|
326
|
-
@card-radius: 2px;
|
327
|
-
|
328
|
-
// Checkbox-------------------------------------------
|
329
|
-
// antd覆盖色
|
330
|
-
@checkbox-color: @theme-color; // antd
|
331
|
-
@checkbox-check-color: #fff; // antd
|
332
|
-
// pandora色
|
333
|
-
|
334
|
-
// Breadcrumb-------------------------------------------
|
335
|
-
// antd覆盖色
|
336
|
-
@breadcrumb-font-size: 16px;
|
337
|
-
@breadcrumb-icon-font-size: @breadcrumb-font-size;
|
338
|
-
@breadcrumb-base-color: #999999; // antd
|
339
|
-
@breadcrumb-last-item-color: rgba(0, 0, 0, 0.85); // antd
|
340
|
-
@breadcrumb-link-color: @breadcrumb-base-color; // antd
|
341
|
-
@breadcrumb-link-color-hover: @breadcrumb-base-color; // antd
|
342
|
-
// pandora色
|
343
|
-
|
344
|
-
// LINK-------------------------------------------
|
345
|
-
// antd覆盖色
|
346
|
-
@link-color: @primary-color; // antd
|
347
|
-
@link-hover-color: @theme-color; // antd
|
348
|
-
@link-active-color: @theme-color; // phoenix antd
|
349
|
-
@link-decoration: none; // antd
|
350
|
-
@link-hover-decoration: none; // antd
|
351
|
-
// pandora色
|
352
|
-
|
353
|
-
// Menu-------------------------------------------
|
354
|
-
// antd覆盖色
|
355
|
-
@menu-inline-toplevel-item-height: 32px; // antd
|
356
|
-
@menu-item-height: 32px; // antd
|
357
|
-
@menu-collapsed-width: 100px; // antd
|
358
|
-
@menu-bg: @component-background; // antd
|
359
|
-
@menu-item-color: @font-color-3; // antd
|
360
|
-
@menu-highlight-color: @theme-color; // antd
|
361
|
-
@menu-item-active-bg: rgba(255, 255, 255, 0.1); // antd
|
362
|
-
@menu-item-group-title-color: @icon-color; // antd
|
363
|
-
@menu-item-hover-bg: #ccd3d9; // phoenix
|
364
|
-
// pandora色
|
365
|
-
@menu-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
366
|
-
// dark theme
|
367
|
-
@menu-dark-color: @normal-color; // antd
|
368
|
-
@menu-dark-bg: @theme-color; // phoenix antd
|
369
|
-
@menu-dark-arrow-color: @normal-color; // antd
|
370
|
-
@menu-dark-submenu-bg: #2967c7; // antd
|
371
|
-
@menu-dark-highlight-color: @normal-color; // antd
|
372
|
-
@menu-dark-item-active-bg: rgba(255, 255, 255, 0.1); // phoenix antd
|
373
|
-
|
374
|
-
@icon-hover-color: rgba(19, 107, 255, 0.1);
|
375
|
-
|
376
|
-
// radio--------------
|
377
|
-
// antd覆盖色
|
378
|
-
@radio-dot-color: @theme-color;
|
379
|
-
@radio-button-color: @heading-color;
|
380
|
-
@radio-button-active-color: @theme-color;
|
381
|
-
@radio-button-hover-color: @theme-color;
|
382
|
-
|
383
|
-
@editor-nav-background-color: #f5f5f5;
|
384
|
-
@editor_nav_border_color: #d8d8d8;
|
385
|
-
@editor_nav_line_color: #fcce72;
|
386
|
-
@image-operator-hover-bg: rgba(51, 51, 51, 0.7);
|
387
|
-
@agent-agent-message-background-color: #f7f7f8; // 用户框背景色
|
388
|
-
@agent-user-avatar-color: #e6902d; // 机器人用户头像颜色;
|
389
|
-
@agent-no-data-background-color: #e0edf8; // close icon hover 颜色
|
390
|
-
@agent-session-title-color: #595959;
|
391
|
-
@close-icon-hover-color: #f4f5f6;
|
392
|
-
|
393
|
-
@scroll-bar-color: #c9cdd4;
|
394
|
-
@scroll-bar-hover-color: #86909c;
|
395
|
-
|
396
|
-
@agent-scene-icon-color: #c9cdd4;
|
397
|
-
@agent-markdown-header-background-color: rgb(52, 53, 65);
|
398
|
-
@agent-box-shadow-color: rgba(53, 53, 53, 0.07);
|
399
|
-
@agent-cursor-color: #282828;
|
400
|
-
@agent-spl-background-color: #edeff2;
|
401
|
-
@agent-example-desc-color: #595959;
|
402
|
-
@agent-input-border-color: #e9e9e9;
|
403
|
-
@agent-border-color: #e8e8e8;
|
404
|
-
@agent-scene-name-color: #86909c;
|
405
|
-
@background-color-fa: #fafafa;
|
406
|
-
@background-color-f5: #f5f5f5;
|
407
|
-
@background-color-f4: #f4f5f6;
|
408
|
-
@background-linear-color: rgba(244, 245, 246, 0);
|
409
|
-
@background-color-e2: #e2e4e6;
|
410
|
-
@color-error-bg: #fff2f0;
|
411
|
-
@color-error: #fd4345;
|
412
|
-
@agent-scene-background-color: rgba(0, 0, 0, 0.06);
|
1
|
+
@ant-prefix: ant;
|
2
|
+
|
3
|
+
@root-entry-name: 'default';
|
4
|
+
|
5
|
+
// classname前后缀变量=========================================================
|
6
|
+
@sdk-prefix: pandora-sdk; // 多个使用
|
7
|
+
|
8
|
+
// 基础颜色变量=========================================================
|
9
|
+
// antd覆盖色
|
10
|
+
@black: #000000; // phoenix antd
|
11
|
+
// pandora色
|
12
|
+
@gray-bg-color: #f4f5f7; // pandora-component pandora-visualization phoenix
|
13
|
+
|
14
|
+
// 基础功能色变量=========================================================
|
15
|
+
|
16
|
+
// 主题色------------------------
|
17
|
+
// antd覆盖色
|
18
|
+
@primary-color: #7a869a; // pandora-component antd phoenix
|
19
|
+
@normal-color: #ffffff; // pandora-component antd 多 phoenix
|
20
|
+
// pandora色
|
21
|
+
@second-primary-color: #7a869b; // pandora-component 多
|
22
|
+
@theme-color: #2c6dd2; // pandora-component 多 phoenix
|
23
|
+
@theme-color-005: fade(
|
24
|
+
@theme-color,
|
25
|
+
5%
|
26
|
+
); // pandora-component pandora-visualization phoenix
|
27
|
+
@theme-color-008: fade(@theme-color, 8%);
|
28
|
+
@theme-color-010: fade(@theme-color, 10%); // pandora-component 多 phoenix
|
29
|
+
@theme-color-015: fade(@theme-color, 15%); // pandora-component 多 phoenix
|
30
|
+
@theme-color-020: fade(
|
31
|
+
@theme-color,
|
32
|
+
20%
|
33
|
+
); // pandora-component pandora-visualization phoenix
|
34
|
+
@theme-color-060: fade(
|
35
|
+
@theme-color,
|
36
|
+
60%
|
37
|
+
); // pandora-component pandora-visualization phoenix
|
38
|
+
@theme-color-070: fade(@theme-color, 70%); // pandora-component 多 phoenix
|
39
|
+
@theme-color-080: fade(
|
40
|
+
@theme-color,
|
41
|
+
80%
|
42
|
+
); // pandora-component pandora-visualization phoenix
|
43
|
+
@theme-color-030: fade(@theme-color, 30%); // 多个
|
44
|
+
@theme-color-050: fade(@theme-color, 50%); // 多个
|
45
|
+
@theme-color-090: fade(@theme-color, 90%); // 多个
|
46
|
+
|
47
|
+
// hover时背景颜色
|
48
|
+
@hover-bg: #f3f7fd;
|
49
|
+
|
50
|
+
// 背景阴影色------------------------
|
51
|
+
@transparent-bg: transparent; // phoenix
|
52
|
+
@background-secondary: @normal-color; // phoenix
|
53
|
+
@shadow-bg-color: rgba(0, 0, 0, 0.4); // phoenix
|
54
|
+
@shadow-bg-color-light: rgba(51, 51, 51, 0.08); // phoenix
|
55
|
+
// 深色主题
|
56
|
+
@dark-background-color: #19202b; // 多个
|
57
|
+
@dark-item-background-color: #2c2c31; // pandora-visualization
|
58
|
+
|
59
|
+
// 字体------------------------
|
60
|
+
// antd覆盖色
|
61
|
+
@text-color: fade(#000, 65%); // 默认字体颜色 // pandora-component antd phoenix
|
62
|
+
@font-size-base: 14px; // phoenix antd
|
63
|
+
@text-color-secondary: fade(@black, 45%); // phoenix 跟antd一样
|
64
|
+
// pandora色
|
65
|
+
@font-color-1: #232c3b; // pandora-component 多 phoenix
|
66
|
+
@font-color-2: #42526e; // pandora-component pandora-visualization phoenix
|
67
|
+
@font-color-3: #7a869a; // pandora-component 多 phoenix
|
68
|
+
@font-disable-color: #d9d9d9; // pandora-component 多 phoenix
|
69
|
+
@font-disable-color-2: #bfbfbf;
|
70
|
+
@font-color-4: #b3bac5; // 多个
|
71
|
+
@font-color-5: #8d9199; // phoenix
|
72
|
+
@font-color-6: #666;
|
73
|
+
@font-color-9: #999;
|
74
|
+
@font-color-7: #333;
|
75
|
+
@font-color-8: #8c8c8c;
|
76
|
+
@secondary-font-color: #c1c7d0; // phoenix
|
77
|
+
@disabled-text-color: #9eaec5; // pandora-visualization pheonix
|
78
|
+
@log-font-family: 'Droid Sans Mono', 'Consolas', 'Monaco', 'Courier New',
|
79
|
+
Courier, monospace; // pandora-app-component phoenix
|
80
|
+
|
81
|
+
// 布局------------------------
|
82
|
+
// antd覆盖色
|
83
|
+
@body-background: @normal-color; // pandora-component antd pandora-app-component phoenix
|
84
|
+
@component-background: @normal-color; // pandora-component antd phoenix
|
85
|
+
// pandora色
|
86
|
+
@content-color: #42526e; // pandora-component pandora-visualization phoenix
|
87
|
+
@title-color: rgba(35, 44, 59, 1); // pandora-component phoenix
|
88
|
+
@title-dark-color: #c1c7d0; // pandora-app-component!!!!!!!
|
89
|
+
@heading-color: #333;
|
90
|
+
@off-color: #ebecf0; // phoenix
|
91
|
+
|
92
|
+
// 提示------------------------
|
93
|
+
// antd覆盖色
|
94
|
+
@error-color: #f5222d; // pandora-component antd 多 phoenix
|
95
|
+
@warning-color: #f0a818; // pandora-component antd phoenix
|
96
|
+
@success-color: #20c997; // pandora-component antd pandora-visualization phoenix
|
97
|
+
@highlight-color: @warning-color; // phoenix antd
|
98
|
+
// pandora色
|
99
|
+
@delete-color: #ff6b6b; // pandora-component 多 phoenix
|
100
|
+
@delete-color-030: rgba(255, 107, 107, 0.3); // phoenix
|
101
|
+
@delete-color-010: rgba(255, 107, 107, 0.1); // pandora-app-component phoenix
|
102
|
+
@font-warning-color: #faad14; // phoenix
|
103
|
+
|
104
|
+
// 边框------------------------
|
105
|
+
// antd覆盖色
|
106
|
+
@border-color-base: #e5e5e5; // pandora-component antd 多 phoenix
|
107
|
+
@border-radius-base: 2px; // antd
|
108
|
+
@border-radius-sm: 2px; // antd
|
109
|
+
@border-color-split: @border-color-base; // antd
|
110
|
+
// pandora色
|
111
|
+
@border-color-normal: #e5e5e5;
|
112
|
+
@border-color-1: #d9d9d9;
|
113
|
+
@border-color-2: #bfbfbf;
|
114
|
+
@border-color-3: #e9e9e9;
|
115
|
+
@modal-header-border-color: rgba(0, 0, 0, 0.09);
|
116
|
+
|
117
|
+
// icon------------------------
|
118
|
+
// antd覆盖色
|
119
|
+
@icon-color: #bfbfbf; // pandora-component antd 多 phoenix
|
120
|
+
// pandora色
|
121
|
+
@icon-color-2: rgba(
|
122
|
+
66,
|
123
|
+
82,
|
124
|
+
110,
|
125
|
+
1
|
126
|
+
); // pandora-component pandora-visualization phoenix
|
127
|
+
|
128
|
+
// z-index------------------------
|
129
|
+
// antd覆盖色
|
130
|
+
@zindex-modal: 1200; // pandora-app-component phoenix antd
|
131
|
+
@zindex-modal-mask: 1200; // antd
|
132
|
+
@zindex-popover: 1200; // antd
|
133
|
+
@zindex-tooltip: 1300; // antd
|
134
|
+
// pandora色
|
135
|
+
@zindex-layout-navbar: 1100; // phoenix
|
136
|
+
@zindex-layout-sidebar: 1000; // phoenix
|
137
|
+
@zindex-toaster: 3000; // app-platform phoenix
|
138
|
+
|
139
|
+
// 组件色变量=========================================================
|
140
|
+
|
141
|
+
// Common Button------------------------
|
142
|
+
// antd覆盖色
|
143
|
+
@btn-primary-color: @normal-color; // antd
|
144
|
+
@btn-primary-bg: @theme-color; // antd
|
145
|
+
@btn-default-color: rgba(0, 0, 0, 0.65); // antd
|
146
|
+
@btn-default-bg: @body-background; // antd
|
147
|
+
@btn-disable-color: rgb(238, 238, 238); // antd
|
148
|
+
@btn-disable-bg: @theme-color-070; // antd
|
149
|
+
// pandora色
|
150
|
+
@button-disabled-bg: #eee; // pandora-component pandora-visualization phoenix
|
151
|
+
@button-disabled-color: #bfbfbf; // pandora-component pandora-visualization phoenix
|
152
|
+
@button-disabled-border-color: #eee; // pandora-component pandora-visualization phoenix
|
153
|
+
@button-default-bg: @normal-color; // pandora-component pandora-visualization phoenix
|
154
|
+
@button-default-color: rgba(
|
155
|
+
0,
|
156
|
+
0,
|
157
|
+
0,
|
158
|
+
0.65
|
159
|
+
); // pandora-component pandora-visualization phoenix
|
160
|
+
@button-default-border-color: @input-border-color; // pandora-component pandora-visualization phoenix
|
161
|
+
@button-default-hover-bg: @table-thead-bg; // pandora-component pandora-visualization phoenix
|
162
|
+
@button-default-hover-color: @theme-color; // pandora-component pandora-visualization phoenix
|
163
|
+
@button-default-hover-border-color: @input-border-color; // pandora-component pandora-visualization phoenix
|
164
|
+
@button-primary-bg: @theme-color; // pandora-component pandora-visualization phoenix
|
165
|
+
@button-primary-color: @normal-color; // pandora-component pandora-visualization phoenix
|
166
|
+
@button-primary-border-color: @theme-color; // pandora-component pandora-visualization phoenix
|
167
|
+
@button-primary-hover-bg: @theme-color-080; // pandora-component pandora-visualization phoenix
|
168
|
+
@button-primary-hover-color: @normal-color; // pandora-component pandora-visualization phoenix
|
169
|
+
@button-primary-hover-border-color: @theme-color-080; // pandora-component pandora-visualization phoenix
|
170
|
+
@button-ghost-bg: transparent; // pandora-component pandora-visualization phoenix
|
171
|
+
@button-ghost-color: @theme-color; // pandora-component pandora-visualization phoenix
|
172
|
+
@button-ghost-border-color: @theme-color; // pandora-component pandora-visualization phoenix
|
173
|
+
@button-ghost-hover-bg: @theme-color; // pandora-component pandora-visualization phoenix
|
174
|
+
@button-ghost-hover-color: @normal-color; // pandora-component pandora-visualization phoenix
|
175
|
+
@button-ghost-hover-border-color: @theme-color; // pandora-component pandora-visualization phoenix
|
176
|
+
@btn-cancel-color: @theme-color; // pandora-component 多 phoenix
|
177
|
+
@btn-cancel-bg: #e9f0fa; // pandora-component 多 phoenix
|
178
|
+
|
179
|
+
// Input和label------------------------
|
180
|
+
// antd覆盖色
|
181
|
+
@input-placeholder-color: #bfbfbf; // pandora-component antd 多 phoenix
|
182
|
+
@input-border-color: #bfbfbf; // pandora-component antd
|
183
|
+
@input-height-base: 32px; // phoenix antd
|
184
|
+
@input-height-lg: 40px; // antd
|
185
|
+
@input-height-sm: 26px; // antd
|
186
|
+
@input-padding-vertical-base: 4px;
|
187
|
+
@input-bg: transparent; // 多个 antd
|
188
|
+
@input-disabled-bg: #f5f5f5; // antd
|
189
|
+
@input-disabled-border-color: #d9d9d9; // pandora-app-component
|
190
|
+
@input-color: #333333; // antd
|
191
|
+
@input-hover-border-color: @theme-color; // 本文件 antd
|
192
|
+
// pandora色
|
193
|
+
@input-error-color: fade(@delete-color, 15); // phoenix
|
194
|
+
@input-light-bg: #c1c7d0; // pandora-app-component
|
195
|
+
@input-dark-bg: rgba(44, 109, 210, 0.1); // pandora-app-component
|
196
|
+
@label-dark-bg: rgba(44, 109, 210, 0.3); // pandora-app-component
|
197
|
+
|
198
|
+
// Select------------------------
|
199
|
+
// antd覆盖色
|
200
|
+
@select-border-color: @input-border-color; // antd
|
201
|
+
// pandora色
|
202
|
+
@select-bg: @input-bg; // pandora-component pandora-visualization phoenix
|
203
|
+
@select-popover-hover-color: @theme-color-005; // pandora-component pandora-visualization phoenix
|
204
|
+
@select-item-selected-bg: @select-popover-hover-color;
|
205
|
+
@select-item-active-bg: @select-popover-hover-color;
|
206
|
+
@select-dropdown-line-height: 24px;
|
207
|
+
@item-hover-bg: @select-popover-hover-color;
|
208
|
+
@select-dropdown-edge-child-vertical-padding: 4px;
|
209
|
+
@select-selection-bg: #f5f5f5;
|
210
|
+
|
211
|
+
// Table------------------------
|
212
|
+
// antd覆盖色
|
213
|
+
// TODO: 暂时写死,后续通过函数计算@theme-color-010得到
|
214
|
+
@table-row-hover-bg: @hover-bg;
|
215
|
+
@table-selected-row-bg: @theme-color; // antd
|
216
|
+
@table-padding-vertical: 14px; // antd
|
217
|
+
@table-padding-horizontal: 12px; // antd
|
218
|
+
// pandora色
|
219
|
+
@table-row-odd-bg: @normal-color; // pandora-component phoenix
|
220
|
+
@table-row-even-bg: #fafafa; // pandora-component phoenix
|
221
|
+
@table-thead-color: #333; // pandora-component phoenix
|
222
|
+
@table-thead-bg: #fafafa; // pandora-component
|
223
|
+
@table-link-color: @theme-color; // pandora-component phoenix
|
224
|
+
@table-border-color: rgba(235, 236, 240, 1); // phoenix
|
225
|
+
@table-search-icon-color: #bfbfbf; // phoenix
|
226
|
+
@table-sorter-icon-color: #bfbfbf; // phoenix
|
227
|
+
|
228
|
+
// Tabs------------------------
|
229
|
+
@tabs-ink-bar-color: @theme-color;
|
230
|
+
@tabs-highlight-color: @theme-color;
|
231
|
+
@tabs-hover-color: @theme-color;
|
232
|
+
@tabs-active-color: @theme-color;
|
233
|
+
|
234
|
+
// Tag------------------------
|
235
|
+
// antd覆盖色
|
236
|
+
// pandora色
|
237
|
+
@tag-green: @success-color; // pandora-component phoenix
|
238
|
+
@tag-primary: @theme-color; // pandora-component phoenix
|
239
|
+
@tag-yellow: @warning-color; // pandora-component phoenix
|
240
|
+
@tag-blue: #03a9f4; // pandora-component phoenix
|
241
|
+
@tag-grey: #ebecf0; // pandora-component phoenix
|
242
|
+
@tag-bg-primary-color: @success-color; // phoenix
|
243
|
+
|
244
|
+
//移动端绝对时间选择组件------------------------
|
245
|
+
// antd覆盖色
|
246
|
+
// pandora色
|
247
|
+
@time-absolute-sub-title: rgba(235, 236, 240, 1); // pandora-component
|
248
|
+
@time-absolute-am-picker-col-indicator: rgba(
|
249
|
+
235,
|
250
|
+
236,
|
251
|
+
240,
|
252
|
+
0.5
|
253
|
+
); // pandora-component
|
254
|
+
@time-absolute-picker-title-div: #939393; // pandora-component
|
255
|
+
|
256
|
+
// sidebar------------------------
|
257
|
+
@layout-sidebar-width: 240px; // phoenix
|
258
|
+
@layout-sidebar-collapsed-width: 0px; // phoenix
|
259
|
+
@layout-navbar-height: 52px; // phoenix
|
260
|
+
@layout-navbar-sub-height: 56px; // phoenix
|
261
|
+
// 深色主题
|
262
|
+
@side-bar-active-color: #6ac73c; // pandora-visualization
|
263
|
+
|
264
|
+
// Tooltip------------------------
|
265
|
+
// antd覆盖色
|
266
|
+
@tooltip-bg: fade(@font-color-1, 80); // antd
|
267
|
+
@tooltip-color: @normal-color; // 跟antd一样
|
268
|
+
@tooltip-arrow-color: @tooltip-bg; // antd
|
269
|
+
// pandora色
|
270
|
+
@tooltip-shadow-color-1: rgba(35, 44, 59, 0.2); // phoenix
|
271
|
+
|
272
|
+
// toaster // pheonix app-platform均有一份toaster组件,其实都差不多的------------------------
|
273
|
+
// antd覆盖色
|
274
|
+
// pandora色
|
275
|
+
@toaster-error-bg: rgba(250, 100, 100, 0.8);
|
276
|
+
@toaster-success-bg: rgba(32, 201, 151, 0.8);
|
277
|
+
@toaster-warning-bg: rgba(252, 196, 25, 0.8);
|
278
|
+
@toaster-info-bg: @theme-color-080;
|
279
|
+
@toaster-error-shadow: rgba(255, 107, 107, 0.3);
|
280
|
+
@toaster-success-shadow: rgba(32, 201, 151, 0.3);
|
281
|
+
@toaster-warning-shadow: rgba(252, 196, 25, 0.3);
|
282
|
+
@toaster-info-shadow: rgba(44, 109, 210, 0.3);
|
283
|
+
|
284
|
+
// tree------------------------
|
285
|
+
// antd覆盖色
|
286
|
+
@tree-title-height: 24px; // antd
|
287
|
+
@tree-child-padding: 8px; // antd
|
288
|
+
@tree-node-hover-bg: @theme-color-005; // pheonix antd
|
289
|
+
@tree-node-selected-bg: @theme-color-005; // pheonix antd
|
290
|
+
// pandora色
|
291
|
+
@tree-node-hover-color: @theme-color; // pheonix
|
292
|
+
@tree-node-selected-color: @theme-color; // pheonix
|
293
|
+
|
294
|
+
// pagination------------------------
|
295
|
+
// antd覆盖色
|
296
|
+
@pagination-item-size: 32px; // 跟antd一样
|
297
|
+
// pandora色
|
298
|
+
@pagination-item-text-color: @font-color-6;
|
299
|
+
@pagination-item-border-color: @border-color-1;
|
300
|
+
|
301
|
+
// form------------------------
|
302
|
+
// antd覆盖色
|
303
|
+
@form-item-margin-bottom: 20px; // antd
|
304
|
+
// pandora色
|
305
|
+
|
306
|
+
// outline------------------------
|
307
|
+
// antd覆盖色
|
308
|
+
@outline-color: @input-hover-border-color; // antd
|
309
|
+
// pandora色
|
310
|
+
|
311
|
+
// Slider // antd------------------------
|
312
|
+
// antd覆盖色
|
313
|
+
@slider-rail-background-color: @input-bg; // antd
|
314
|
+
@slider-rail-background-color-hover: @input-bg; // antd
|
315
|
+
@slider-track-background-color: @theme-color-090; // antd
|
316
|
+
@slider-track-background-color-hover: @theme-color;
|
317
|
+
@slider-handle-color: @theme-color-090;
|
318
|
+
@slider-handle-color-hover: @theme-color;
|
319
|
+
@slider-handle-color-focus: @theme-color;
|
320
|
+
@slider-handle-color-focus-shadow: @theme-color;
|
321
|
+
@slider-handle-color-tooltip-open: @theme-color;
|
322
|
+
// pandora色
|
323
|
+
|
324
|
+
// Card------------------------
|
325
|
+
@card-padding-base: 20px;
|
326
|
+
@card-radius: 2px;
|
327
|
+
|
328
|
+
// Checkbox-------------------------------------------
|
329
|
+
// antd覆盖色
|
330
|
+
@checkbox-color: @theme-color; // antd
|
331
|
+
@checkbox-check-color: #fff; // antd
|
332
|
+
// pandora色
|
333
|
+
|
334
|
+
// Breadcrumb-------------------------------------------
|
335
|
+
// antd覆盖色
|
336
|
+
@breadcrumb-font-size: 16px;
|
337
|
+
@breadcrumb-icon-font-size: @breadcrumb-font-size;
|
338
|
+
@breadcrumb-base-color: #999999; // antd
|
339
|
+
@breadcrumb-last-item-color: rgba(0, 0, 0, 0.85); // antd
|
340
|
+
@breadcrumb-link-color: @breadcrumb-base-color; // antd
|
341
|
+
@breadcrumb-link-color-hover: @breadcrumb-base-color; // antd
|
342
|
+
// pandora色
|
343
|
+
|
344
|
+
// LINK-------------------------------------------
|
345
|
+
// antd覆盖色
|
346
|
+
@link-color: @primary-color; // antd
|
347
|
+
@link-hover-color: @theme-color; // antd
|
348
|
+
@link-active-color: @theme-color; // phoenix antd
|
349
|
+
@link-decoration: none; // antd
|
350
|
+
@link-hover-decoration: none; // antd
|
351
|
+
// pandora色
|
352
|
+
|
353
|
+
// Menu-------------------------------------------
|
354
|
+
// antd覆盖色
|
355
|
+
@menu-inline-toplevel-item-height: 32px; // antd
|
356
|
+
@menu-item-height: 32px; // antd
|
357
|
+
@menu-collapsed-width: 100px; // antd
|
358
|
+
@menu-bg: @component-background; // antd
|
359
|
+
@menu-item-color: @font-color-3; // antd
|
360
|
+
@menu-highlight-color: @theme-color; // antd
|
361
|
+
@menu-item-active-bg: rgba(255, 255, 255, 0.1); // antd
|
362
|
+
@menu-item-group-title-color: @icon-color; // antd
|
363
|
+
@menu-item-hover-bg: #ccd3d9; // phoenix
|
364
|
+
// pandora色
|
365
|
+
@menu-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
366
|
+
// dark theme
|
367
|
+
@menu-dark-color: @normal-color; // antd
|
368
|
+
@menu-dark-bg: @theme-color; // phoenix antd
|
369
|
+
@menu-dark-arrow-color: @normal-color; // antd
|
370
|
+
@menu-dark-submenu-bg: #2967c7; // antd
|
371
|
+
@menu-dark-highlight-color: @normal-color; // antd
|
372
|
+
@menu-dark-item-active-bg: rgba(255, 255, 255, 0.1); // phoenix antd
|
373
|
+
|
374
|
+
@icon-hover-color: rgba(19, 107, 255, 0.1);
|
375
|
+
|
376
|
+
// radio--------------
|
377
|
+
// antd覆盖色
|
378
|
+
@radio-dot-color: @theme-color;
|
379
|
+
@radio-button-color: @heading-color;
|
380
|
+
@radio-button-active-color: @theme-color;
|
381
|
+
@radio-button-hover-color: @theme-color;
|
382
|
+
|
383
|
+
@editor-nav-background-color: #f5f5f5;
|
384
|
+
@editor_nav_border_color: #d8d8d8;
|
385
|
+
@editor_nav_line_color: #fcce72;
|
386
|
+
@image-operator-hover-bg: rgba(51, 51, 51, 0.7);
|
387
|
+
@agent-agent-message-background-color: #f7f7f8; // 用户框背景色
|
388
|
+
@agent-user-avatar-color: #e6902d; // 机器人用户头像颜色;
|
389
|
+
@agent-no-data-background-color: #e0edf8; // close icon hover 颜色
|
390
|
+
@agent-session-title-color: #595959;
|
391
|
+
@close-icon-hover-color: #f4f5f6;
|
392
|
+
|
393
|
+
@scroll-bar-color: #c9cdd4;
|
394
|
+
@scroll-bar-hover-color: #86909c;
|
395
|
+
|
396
|
+
@agent-scene-icon-color: #c9cdd4;
|
397
|
+
@agent-markdown-header-background-color: rgb(52, 53, 65);
|
398
|
+
@agent-box-shadow-color: rgba(53, 53, 53, 0.07);
|
399
|
+
@agent-cursor-color: #282828;
|
400
|
+
@agent-spl-background-color: #edeff2;
|
401
|
+
@agent-example-desc-color: #595959;
|
402
|
+
@agent-input-border-color: #e9e9e9;
|
403
|
+
@agent-border-color: #e8e8e8;
|
404
|
+
@agent-scene-name-color: #86909c;
|
405
|
+
@background-color-fa: #fafafa;
|
406
|
+
@background-color-f5: #f5f5f5;
|
407
|
+
@background-color-f4: #f4f5f6;
|
408
|
+
@background-linear-color: rgba(244, 245, 246, 0);
|
409
|
+
@background-color-e2: #e2e4e6;
|
410
|
+
@color-error-bg: #fff2f0;
|
411
|
+
@color-error: #fd4345;
|
412
|
+
@agent-scene-background-color: rgba(0, 0, 0, 0.06);
|