@zohodesk/dot 1.0.0-beta.205 → 1.0.0-beta.206

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/README.md +3 -0
  2. package/es/Appearance/dark/mode/dotDarkMode.module.css +171 -171
  3. package/es/Appearance/default/mode/dotDefaultMode.module.css +14 -14
  4. package/lib/Appearance/dark/mode/dotDarkMode.module.css +171 -171
  5. package/lib/Appearance/default/mode/dotDefaultMode.module.css +14 -14
  6. package/package.json +5 -5
  7. package/preprocess/json/dotAppearanceVariableJson.js +185 -185
  8. package/src/Appearance/dark/mode/dotDarkMode.module.css +171 -171
  9. package/src/Appearance/default/mode/dotDefaultMode.module.css +14 -14
package/README.md CHANGED
@@ -2,6 +2,9 @@
2
2
 
3
3
  In this Library, we Provide Some Basic Components to Build Your Application
4
4
 
5
+ # 1.0.0-beta.206
6
+
7
+ - css color variables updated.
5
8
  # 1.0.0-beta.205
6
9
 
7
10
  - TagsMultiSelect => placeholderText key added in i18nKeys
package/es/Appearance/dark/mode/dotDarkMode.module.css CHANGED
@@ -12,29 +12,29 @@
12
12
 
13
13
  /* alert header */
14
14
  --zdt_alertheader_default_bg: var(--zd_smoke45);
15
- --zdt_alertheader_default_text: #e2e4e6;
15
+ --zdt_alertheader_default_text: var(--dot_platinum);
16
16
  --zdt_alertheader_primary_bg: #edfbfe;
17
17
  --zdt_alertheader_primary_text: var(--zd_primary19);
18
18
  --zdt_alertheader_danger_bg: var(--zd_danger5);
19
- --zdt_alertheader_danger_text: #ff6b6b;
19
+ --zdt_alertheader_danger_text: var(--dot_bittersweet);
20
20
 
21
21
  /* alert lookup */
22
- --zdt_alertlookup_innersection_text: #e2e4e6;
22
+ --zdt_alertlookup_innersection_text: var(--dot_platinum);
23
23
 
24
24
  /* alphabetic list */
25
- --zdt_alphabeticList_text: #828994;
25
+ --zdt_alphabeticList_text: var(--dot_oslogrey);
26
26
  --zdt_alphabeticList_hover_text: var(--zdt_cta_primary_text);
27
27
 
28
28
  /* attachment */
29
- --zdt_attachment_default_bg: #232b38;
29
+ --zdt_attachment_default_bg: var(--dot_ebonyclay);
30
30
  --zdt_attachment_default_border: var(--zdt_cta_grey_40_border);
31
- --zdt_attachment_default_hover_border: #828994;
32
- --zdt_attachment_hover_text: #e2e4e6;
31
+ --zdt_attachment_default_hover_border: var(--dot_oslogrey);
32
+ --zdt_attachment_hover_text: var(--dot_platinum);
33
33
  --zdt_attachment_transparent_bg: var(--dot_mirror);
34
- --zdt_attachment_size_text: #a8b0bd;
34
+ --zdt_attachment_size_text: var(--dot_cadetblue);
35
35
  --zdt_attachment_download_bg: var(--zdt_cta_grey_20_bg);
36
- --zdt_attachment_download_hover_bg: #828994;
37
- --zdt_attachment_download_hover_text: #232b38;
36
+ --zdt_attachment_download_hover_bg: var(--dot_oslogrey);
37
+ --zdt_attachment_download_hover_text: var(--dot_ebonyclay);
38
38
 
39
39
  /* avatar close */
40
40
  --zdt_avatarclose_pop_bg: var(--zd_dark9);
@@ -43,75 +43,75 @@
43
43
  /* avatar collision */
44
44
  --zdt_avatarcollision_on_border: var(--zdt_cta_primary_border);
45
45
  --zdt_avatarcollision_off_border: var(--zdt_cta_grey_35_border);
46
- --zdt_avatarcollision_off_after_border: #232b38;
46
+ --zdt_avatarcollision_off_after_border: var(--dot_ebonyclay);
47
47
  --zdt_avatarcollision_off_after_bg: var(--zdt_cta_grey_35_bg);
48
48
  --zdt_avatarcollision_pop_bg: var(--zd_dark9);
49
49
  --zdt_avatarcollision_pop_text: var(--zd_smoke24);
50
- --zdt_avatarcollision_icon_text: #e2e4e6;
50
+ --zdt_avatarcollision_icon_text: var(--dot_platinum);
51
51
 
52
52
  /* avatar icon */
53
- --zdt_avatarIcon_dark_icon: #e2e4e6;
54
- --zdt_avatarIcon_danger_icon: #ff6b6b;
55
- --zdt_avatarIcon_primary_icon: #479dff;
56
- --zdt_avatarIcon_grey_icon: #a8b0bd;
57
- --zdt_avatarIcon_success_icon: #4ac064;
53
+ --zdt_avatarIcon_dark_icon: var(--dot_platinum);
54
+ --zdt_avatarIcon_danger_icon: var(--dot_bittersweet);
55
+ --zdt_avatarIcon_primary_icon: var(--dot_butterflyblue);
56
+ --zdt_avatarIcon_grey_icon: var(--dot_cadetblue);
57
+ --zdt_avatarIcon_success_icon: var(--dot_darkmint);
58
58
  --zdt_avatarIcon_smoke_icon: var(--zd_smoke18);
59
59
  --zdt_avatarIcon_default_border: var(--zdt_cta_grey_40_border);
60
- --zdt_avatarIcon_default_hover_border: #828994;
61
- --zdt_avatarIcon_primary_border: #479dff;
62
- --zdt_avatarIcon_primary_hover_border: #1065cc;
60
+ --zdt_avatarIcon_default_hover_border: var(--dot_oslogrey);
61
+ --zdt_avatarIcon_primary_border: var(--dot_butterflyblue);
62
+ --zdt_avatarIcon_primary_hover_border: var(--dot_blueeyes);
63
63
  --zdt_avatarIcon_secondary_border: var(--zd_primarytrans);
64
64
  --zdt_avatarIcon_secondary_hover_border: var(--zd_primarytrans);
65
- --zdt_avatarIcon_success_border: #4ac064;
66
- --zdt_avatarIcon_success_hover_border: #1b8c35;
67
- --zdt_avatarIcon_danger_border: #ff6b6b;
65
+ --zdt_avatarIcon_success_border: var(--dot_darkmint);
66
+ --zdt_avatarIcon_success_hover_border: var(--dot_irishgreen);
67
+ --zdt_avatarIcon_danger_border: var(--dot_bittersweet);
68
68
  --zdt_avatarIcon_danger_hover_border: #cc302d;
69
69
 
70
70
  /* avatar status */
71
- --zdt_avatarstatus_size_border: #e2e4e6;
72
- --zdt_avatarstatus_online_bg: #4ac064;
73
- --zdt_avatarstatus_offline_bg: #3e4d63;
74
- --zdt_avatarstatus_idle_bg: #ff801f;
71
+ --zdt_avatarstatus_size_border: var(--dot_platinum);
72
+ --zdt_avatarstatus_online_bg: var(--dot_darkmint);
73
+ --zdt_avatarstatus_offline_bg: var(--dot_riverbed);
74
+ --zdt_avatarstatus_idle_bg: var(--dot_cadmiumorange);
75
75
 
76
76
  /* avatar thread */
77
- --zdt_avatarthread_bg: #161b23;
77
+ --zdt_avatarthread_bg: var(--dot_mirage);
78
78
  --zdt_avatarthread_default_border: var(--zdt_cta_grey_35_border);
79
- --zdt_avatarthread_default_text: #a8b0bd;
80
- --zdt_avatarthread_primary_border: #479dff;
81
- --zdt_avatarthread_primary_text: #479dff;
82
- --zdt_avatarthread_success_border: #4ac064;
83
- --zdt_avatarthread_success_text: #4ac064;
84
- --zdt_avatarthread_danger_border: #ff6b6b;
85
- --zdt_avatarthread_danger_text: #ff6b6b;
79
+ --zdt_avatarthread_default_text: var(--dot_cadetblue);
80
+ --zdt_avatarthread_primary_border: var(--dot_butterflyblue);
81
+ --zdt_avatarthread_primary_text: var(--dot_butterflyblue);
82
+ --zdt_avatarthread_success_border: var(--dot_darkmint);
83
+ --zdt_avatarthread_success_text: var(--dot_darkmint);
84
+ --zdt_avatarthread_danger_border: var(--dot_bittersweet);
85
+ --zdt_avatarthread_danger_text: var(--dot_bittersweet);
86
86
 
87
87
  /* avatar user */
88
- --zdt_avataruser_default_bg: #232b38;
88
+ --zdt_avataruser_default_bg: var(--dot_ebonyclay);
89
89
  --zdt_avataruser_delete_bg: var(--zd_dark9);
90
- --zdt_avataruser_delete_text: #232b38;
90
+ --zdt_avataruser_delete_text: var(--dot_ebonyclay);
91
91
 
92
92
  /* avatar with team */
93
- --zdt_avatarteam_default_bg: #232b38;
93
+ --zdt_avatarteam_default_bg: var(--dot_ebonyclay);
94
94
 
95
95
  /* channel icon */
96
- --zdt_channelIcon_icon: #e2e4e6;
97
- --zdt_channelIcon_topIcon_bg: #232b38;
98
- --zdt_channelIcon_topIcon_iconGreen: #4ac064;
99
- --zdt_channelIcon_topIcon_iconYellow: #ff6b6b;
96
+ --zdt_channelIcon_icon: var(--dot_platinum);
97
+ --zdt_channelIcon_topIcon_bg: var(--dot_ebonyclay);
98
+ --zdt_channelIcon_topIcon_iconGreen: var(--dot_darkmint);
99
+ --zdt_channelIcon_topIcon_iconYellow: var(--dot_bittersweet);
100
100
  --zdt_channelIcon_topIcon_border: var(--zdt_cta_grey_35_border);
101
101
 
102
102
  /* drawer */
103
103
  --zdt_drawer_default_box_shadow: rgba(0, 0, 0, 0.4);
104
- --zdt_drawer_default_bg: #232b38;
104
+ --zdt_drawer_default_bg: var(--dot_ebonyclay);
105
105
  --zdt_drawer_header_bg: var(--zdt_cta_grey_10_bg);
106
106
  --zdt_drawer_header_border: var(--zdt_cta_grey_35_border);
107
- --zdt_drawer_title_text: #e2e4e6;
107
+ --zdt_drawer_title_text: var(--dot_platinum);
108
108
 
109
109
  /* toggle dropdown */
110
110
  --zdt_toggledropdown_line_border: var(--zdt_cta_grey_15_border);
111
111
 
112
112
  /* common empty state */
113
- --zdt_commonEmptyState_default_title: #e2e4e6;
114
- --zdt_commonEmptyState_default_description: #a8b0bd;
113
+ --zdt_commonEmptyState_default_title: var(--dot_platinum);
114
+ --zdt_commonEmptyState_default_description: var(--dot_cadetblue);
115
115
  --zdt_commonEmptyState_default_link: var(--zdt_cta_primary_text);
116
116
  --zdt_commonEmptyState_default_link_hover: var(--zdt_cta_primary_hover_text);
117
117
 
@@ -120,8 +120,8 @@
120
120
  --zdt_editionpage_primary_text: var(--zdt_cta_primary_text);
121
121
 
122
122
  /* error state empty */
123
- --zdt_emptystate_default_bg: #232b38;
124
- --zdt_emptystate_title_text: #e2e4e6;
123
+ --zdt_emptystate_default_bg: var(--dot_ebonyclay);
124
+ --zdt_emptystate_title_text: var(--dot_platinum);
125
125
 
126
126
  /* link text */
127
127
  --zdt_linktext_default_text: var(--zdt_cta_primary_text);
@@ -137,19 +137,19 @@
137
137
  --zdt_flipcard_default_text: var(--zd_smoke21);
138
138
 
139
139
  /* form fields */
140
- --zdt_fields_phoneicon_icon: #e2e4e6;
141
- --zdt_fields_phoneicon_hover_icon: #4ac064;
142
- --zdt_fields_lockicon_icon: #a8b0bd;
143
- --zdt_fields_lockicon_hover_icon: #ff6b6b;
144
- --zdt_fields_phitag_text: #1b8c35;
145
- --zdt_fields_phitag_bg: #232b38;
140
+ --zdt_fields_phoneicon_icon: var(--dot_platinum);
141
+ --zdt_fields_phoneicon_hover_icon: var(--dot_darkmint);
142
+ --zdt_fields_lockicon_icon: var(--dot_cadetblue);
143
+ --zdt_fields_lockicon_hover_icon: var(--dot_bittersweet);
144
+ --zdt_fields_phitag_text: var(--dot_irishgreen);
145
+ --zdt_fields_phitag_bg: var(--dot_ebonyclay);
146
146
  --zdt_fields_phitag_border: rgba(38, 169, 66, 0.2);
147
- --zdt_fields_newtabicon_icon: #e2e4e6;
147
+ --zdt_fields_newtabicon_icon: var(--dot_platinum);
148
148
  --zdt_fields_newtabicon_hover_icon: var(--zdt_cta_primary_text);
149
149
 
150
150
  /* form action */
151
- --zdt_formAction_bg: #262f3d;
152
- --zdt_formAction_border: #384157;
151
+ --zdt_formAction_bg: var(--dot_unknown1);
152
+ --zdt_formAction_border: var(--dot_brightgrey);
153
153
 
154
154
  /* freezelayer */
155
155
  --zdt_freezelayer_default_bg: rgba(0, 0, 0, 0.8);
@@ -158,15 +158,15 @@
158
158
  --zdt_freezelayer_snow_bg: rgba(44, 51, 77, 0.75);
159
159
 
160
160
  /* icon button */
161
- --zdt_iconButton_icon_black: #e2e4e6;
161
+ --zdt_iconButton_icon_black: var(--dot_platinum);
162
162
  --zdt_iconButton_icon_primary: var(--zdt_cta_alpha_text);
163
163
  --zdt_iconButton_icon_primaryHover: var(--zdt_cta_alpha_hover_text);
164
164
  --zdt_iconButton_icon_primaryActive: var(--dot_white);
165
165
 
166
166
  /* important notes */
167
167
  --zdt_importantnotes_bg: var(--zd_orangetrans);
168
- --zdt_importantnotes_title_text: #e2e4e6;
169
- --zdt_importantnotes_icon: #e2e4e6;
168
+ --zdt_importantnotes_title_text: var(--dot_platinum);
169
+ --zdt_importantnotes_icon: var(--dot_platinum);
170
170
 
171
171
  /* setup detail layout */
172
172
  --zdt_setupdetail_header_border: var(--zd_smoke59);
@@ -175,7 +175,7 @@
175
175
  --zdt_setupdetail_helpinfo: var(--zd_smoke29);
176
176
  --zdt_setupdetail_helpinfo_text: var(--zd_dark6);
177
177
  --zdt_setupdetail_popup_border: var(--zd_smoke71);
178
- --zdt_setupdetail_popup_bg: #232b38;
178
+ --zdt_setupdetail_popup_bg: var(--dot_ebonyclay);
179
179
  --zdt_setupdetail_infoheader_bg: var(--zd_primarytrans11);
180
180
  --zdt_setupdetail_infoheader_text: var(--zd_primary1);
181
181
  --zdt_setupdetail_infoicon_border: var(--zd_primary1);
@@ -183,7 +183,7 @@
183
183
 
184
184
  /* subtab layout */
185
185
  --zdt_subtablayout_border: var(--zdt_cta_grey_15_border);
186
- --zdt_subtablayout_tabhead_bg: #232b38;
186
+ --zdt_subtablayout_tabhead_bg: var(--dot_ebonyclay);
187
187
  --zdt_subtablayout_plusicon_bg: var(--zd_smoke3);
188
188
  --zdt_subtablayout_primary_border: var(--zd_smoke5);
189
189
  --zdt_subtablayout_shadowstyle_box_shadow: var(--zd_graytrans5);
@@ -191,15 +191,15 @@
191
191
  --zdt_subtablayout_label_text: var(--zd_smoke18);
192
192
 
193
193
  /* avatar flip */
194
- --zdt_avatarflip_default_text: #e2e4e6;
194
+ --zdt_avatarflip_default_text: var(--dot_platinum);
195
195
 
196
196
  /* comment icon */
197
- --zdt_comment_iconText: #a8b0bd;
197
+ --zdt_comment_iconText: var(--dot_cadetblue);
198
198
  --zdt_comment_hover_iconText: var(--dot_white);
199
199
 
200
200
  /* department dropdown */
201
- --zdt_departmentdropdown_default_text: #828994;
202
- --zdt_departmentdropdown_default_hover_text: #e2e4e6;
201
+ --zdt_departmentdropdown_default_text: var(--dot_oslogrey);
202
+ --zdt_departmentdropdown_default_hover_text: var(--dot_platinum);
203
203
 
204
204
  /* dot */
205
205
  --zdt_dot_text: var(--zdt_cta_grey_40_text);
@@ -211,55 +211,55 @@
211
211
  --zdt_dotnew_animate_to_box_shadow: rgba(255, 255, 255, 0);
212
212
 
213
213
  /* grid stencils */
214
- --zdt_gridstencils_default_bg: #232b38;
215
- --zdt_gridstencils_default_border: #2d3748;
216
- --zdt_gridstencils_after_bg: #262f3d;
217
- --zdt_gridstencils_listbar_bg: #262f3d;
214
+ --zdt_gridstencils_default_bg: var(--dot_ebonyclay);
215
+ --zdt_gridstencils_default_border: var(--dot_tuna);
216
+ --zdt_gridstencils_after_bg: var(--dot_unknown1);
217
+ --zdt_gridstencils_listbar_bg: var(--dot_unknown1);
218
218
  --zdt_gridstencils_listbar_gradient_bg: linear-gradient(left, #383f55 0, #414961 20%, #414961 40%, #383f55 100%);
219
219
 
220
220
  /* icons */
221
- --zdt_icons_default: #a8b0bd;
221
+ --zdt_icons_default: var(--dot_cadetblue);
222
222
  --zdt_icons_hover_blue: var(--zdt_cta_primary_text);
223
- --zdt_icons_hover_red: #ff6b6b;
223
+ --zdt_icons_hover_red: var(--dot_bittersweet);
224
224
 
225
225
  /* list layout */
226
226
  --zdt_listLayout_border: var(--zdt_cta_grey_15_border);
227
227
  --zdt_listLayout_hover_bg: var(--dot_listItemHover);
228
228
  --zdt_listLayout_active_bg: var(--dot_listItemActive);
229
229
  --zdt_listLayout_active_border: var(--zdt_cta_primary_border);
230
- --zdt_listLayout_keyboard_active_border: #828994;
230
+ --zdt_listLayout_keyboard_active_border: var(--dot_oslogrey);
231
231
 
232
232
  /* list stencils */
233
233
  --zdt_liststencils_innercontainer_border: var(--zdt_cta_grey_15_border);
234
234
 
235
235
  /* secondary text */
236
- --zdt_secondaryText_gray_text: #a8b0bd;
237
- --zdt_secondaryText_orage_text: #ff801f;
238
- --zdt_secondaryText_green_text: #4ac064;
239
- --zdt_secondaryText_red_text: #ff6b6b;
236
+ --zdt_secondaryText_gray_text: var(--dot_cadetblue);
237
+ --zdt_secondaryText_orage_text: var(--dot_cadmiumorange);
238
+ --zdt_secondaryText_green_text: var(--dot_darkmint);
239
+ --zdt_secondaryText_red_text: var(--dot_bittersweet);
240
240
  --zdt_secondaryText_blue_text: var(--zdt_cta_primary_text);
241
241
  --zdt_secondaryText_blue_hover_text: var(--zdt_cta_primary_hover_text);
242
- --zdt_secondaryText_black_text: #e2e4e6;
243
- --zdt_secondaryText_secondaryText_text: #a8b0bd;
242
+ --zdt_secondaryText_black_text: var(--dot_platinum);
243
+ --zdt_secondaryText_secondaryText_text: var(--dot_cadetblue);
244
244
 
245
245
  /* status dropdown */
246
246
  --zdt_statusdropdown_line_border: var(--zdt_cta_grey_15_border);
247
247
 
248
248
  /* status listitem */
249
- --zdt_statuslistitem_list_text: #e2e4e6;
249
+ --zdt_statuslistitem_list_text: var(--dot_platinum);
250
250
  --zdt_statuslistitem_default_border: var(--dot_mirror);
251
251
  --zdt_statuslistitem_default_active_border: var(--zdt_cta_primary_border);
252
252
  --zdt_statuslistitem_default_effect_bg: rgba(44, 59, 77, 0.45);
253
253
  --zdt_statuslistitem_primary_efffect_bg: var(--dot_listItemActive);
254
254
  --zdt_statuslistitem_secondary_effect_bg: var(--zdt_cta_primary_bg);
255
- --zdt_statuslistitem_secondary_effect_text: #232b38;
255
+ --zdt_statuslistitem_secondary_effect_text: var(--dot_ebonyclay);
256
256
  --zdt_statuslistitem_tickicon: var(--zdt_cta_primary_text);
257
- --zdt_statuslistitem_black_bg: #e2e4e6;
258
- --zdt_statuslistitem_orange_bg: #ff801f;
259
- --zdt_statuslistitem_green_bg: #4ac064;
257
+ --zdt_statuslistitem_black_bg: var(--dot_platinum);
258
+ --zdt_statuslistitem_orange_bg: var(--dot_cadmiumorange);
259
+ --zdt_statuslistitem_green_bg: var(--dot_darkmint);
260
260
 
261
261
  /* subject */
262
- --zdt_subject_text: #e2e4e6;
262
+ --zdt_subject_text: var(--dot_platinum);
263
263
 
264
264
  /* tag new */
265
265
  --zdt_tagnew_default_bg: var(--zdt_cta_primary_bg);
@@ -267,15 +267,15 @@
267
267
  --zdt_tagnew_default_text: var(--zdt_cta_secondary_text);
268
268
 
269
269
  /* thread */
270
- --zdt_thread_iconText: #a8b0bd;
270
+ --zdt_thread_iconText: var(--dot_cadetblue);
271
271
  --zdt_thread_hover_iconText: var(--dot_white);
272
272
 
273
273
  /* usertime */
274
- --zdt_usertime_timeText: #a8b0bd;
275
- --zdt_usertime_icon_red: #ff6b6b;
276
- --zdt_usertime_icon_green: #4ac064;
277
- --zdt_usertime_icon_orange: #ff801f;
278
- --zdt_usertime_icon_gray: #a8b0bd;
274
+ --zdt_usertime_timeText: var(--dot_cadetblue);
275
+ --zdt_usertime_icon_red: var(--dot_bittersweet);
276
+ --zdt_usertime_icon_green: var(--dot_darkmint);
277
+ --zdt_usertime_icon_orange: var(--dot_cadmiumorange);
278
+ --zdt_usertime_icon_gray: var(--dot_cadetblue);
279
279
 
280
280
  /* loader */
281
281
  --zdt_loader_gradient_bg: linear-gradient(to right, rgb(206, 34, 50) 0%, rgb(96, 128, 64) 20%, rgb(144, 178, 71) 40%, rgb(249, 221, 75) 60%, rgb(9, 116, 176) 80%, rgb(206, 34, 50) 100%);
@@ -283,59 +283,59 @@
283
283
  /* lookup header common */
284
284
  --zdt_lookupheader_default_bg: var(--zdt_cta_grey_10_bg);
285
285
  --zdt_lookupheader_default_border: var(--zdt_cta_grey_35_border);
286
- --zdt_lookupheader_para_text: #a8b0bd;
286
+ --zdt_lookupheader_para_text: var(--dot_cadetblue);
287
287
  --zdt_lookupheader_input_border: var(--zd_smoke33);
288
288
 
289
289
  /* lookup close */
290
290
  --zdt_lookupclose_default_text: var(--zd_dark5);
291
291
  --zdt_lookupclose_default_hover_bg: var(--zd_smoke5);
292
- --zdt_lookupclose_default_hover_text: #e2e4e6;
292
+ --zdt_lookupclose_default_hover_text: var(--dot_platinum);
293
293
 
294
294
  /* lookup search */
295
295
  --zdt_lookupsearch_boxstyle_border: var(--zdt_cta_grey_35_border);
296
- --zdt_lookupsearch_boxstyle_hover_border: #828994;
296
+ --zdt_lookupsearch_boxstyle_hover_border: var(--dot_oslogrey);
297
297
  --zdt_lookupsearch_boxstyle_activer_border: var(--dot_inputLineFocus);
298
298
 
299
299
  /* lookup ticket header */
300
300
  --zdt_lookupticketheader_border: var(--zd_smoke33);
301
301
 
302
302
  /* lookup title */
303
- --zdt_lookuptitle_default_text: #e2e4e6;
304
- --zdt_lookuptitle_primary_text: #479dff;
305
- --zdt_lookuptitle_danger_text: #ff6b6b;
303
+ --zdt_lookuptitle_default_text: var(--dot_platinum);
304
+ --zdt_lookuptitle_primary_text: var(--dot_butterflyblue);
305
+ --zdt_lookuptitle_danger_text: var(--dot_bittersweet);
306
306
 
307
307
  /* view dropdown */
308
- --zdt_viewdropdown_empty_text: #828994;
309
- --zdt_viewdropdown_label_text: #a8b0bd;
310
- --zdt_viewdropdown_hover_label_text: #e2e4e6;
308
+ --zdt_viewdropdown_empty_text: var(--dot_oslogrey);
309
+ --zdt_viewdropdown_label_text: var(--dot_cadetblue);
310
+ --zdt_viewdropdown_hover_label_text: var(--dot_platinum);
311
311
 
312
312
  /* lookup section */
313
- --zdt_lookupsection_bg: #262f3d;
313
+ --zdt_lookupsection_bg: var(--dot_unknown1);
314
314
  --zdt_lookupsection_box_shadow: rgba(0, 0, 0, 0.4);
315
315
 
316
316
  /* message */
317
317
  --zdt_message_default_box_shadow: rgba(0, 0, 0, 0.15);
318
- --zdt_message_default_bg: #232b38;
319
- --zdt_message_success_bg: #4ac064;
320
- --zdt_message_alert_bg: #ff6b6b;
318
+ --zdt_message_default_bg: var(--dot_ebonyclay);
319
+ --zdt_message_success_bg: var(--dot_darkmint);
320
+ --zdt_message_alert_bg: var(--dot_bittersweet);
321
321
  --zdt_message_info_bg: var(--zd_primary5);
322
- --zdt_message_tickicon: #232b38;
322
+ --zdt_message_tickicon: var(--dot_ebonyclay);
323
323
  --zdt_message_close_text: var(--zd_dark6);
324
324
 
325
325
  /* message banner */
326
- --zdt_messagebanner_text: #e2e4e6;
326
+ --zdt_messagebanner_text: var(--dot_platinum);
327
327
  --zdt_messagebanner_link_text: var(--zdt_cta_primary_text);
328
328
  --zdt_messagebanner_close_text: var(--zd_smoke18);
329
329
  --zdt_messagebanner_close_hover_bg: #ececc6;
330
330
  --zdt_messagebanner_close_hover_text: var(--zd_smoke51);
331
331
  --zdt_messagebanner_default_bg: #feffdd;
332
332
  --zdt_messagebanner_blue_bg: #eaf4fe;
333
- --zdt_messagebanner_white_text: #232b38;
333
+ --zdt_messagebanner_white_text: var(--dot_ebonyclay);
334
334
 
335
335
  /* new star */
336
- --zdt_newstar_green_text: #4ac064;
336
+ --zdt_newstar_green_text: var(--dot_darkmint);
337
337
  --zdt_newstar_yellow_text: var(--zd_goldyellow);
338
- --zdt_newstar_blue_text: #479dff;
338
+ --zdt_newstar_blue_text: var(--dot_butterflyblue);
339
339
 
340
340
  /* plus icon */
341
341
  --zdt_plusicon_box_shadow: var(--zdt_cta_primary_box_shadow);
@@ -349,18 +349,18 @@
349
349
  --zdt_headerlink_hover_text: var(--zdt_cta_primary_border);
350
350
 
351
351
  /* search */
352
- --zdt_search_input_border: #999;
353
- --zdt_search_input_text: #333;
354
- --zdt_search_input_bg: #232b38;
352
+ --zdt_search_input_border: var(--zd_dark6);
353
+ --zdt_search_input_text: var(--zd_dark4);
354
+ --zdt_search_input_bg: var(--dot_ebonyclay);
355
355
  --zdt_search_input_focus_border: var(--zdt_cta_primary_border);
356
- --zdt_search_icon: #999;
357
- --zdt_search_hover_icon: #666;
356
+ --zdt_search_icon: var(--zd_dark6);
357
+ --zdt_search_hover_icon: var(--zd_dark5);
358
358
  --zdt_search_placeholder_text: var(--zd_smoke12);
359
359
 
360
360
  /* views */
361
- --zdt_views_icon: #999;
362
- --zdt_views_border: #e1e1e1;
363
- --zdt_views_hover_icon: #666;
361
+ --zdt_views_icon: var(--zd_dark6);
362
+ --zdt_views_border: var(--zd_smoke29);
363
+ --zdt_views_hover_icon: var(--zd_dark5);
364
364
  --zdt_views_active_icon: var(--zdt_cta_primary_text);
365
365
 
366
366
  /* help tips description */
@@ -384,36 +384,36 @@
384
384
 
385
385
  /* table text */
386
386
  --zdt_tabletext_primary_text: var(--zdt_cta_primary_text);
387
- --zdt_tabletext_default_text: #e2e4e6;
387
+ --zdt_tabletext_default_text: var(--dot_platinum);
388
388
  --zdt_tabletext_green_text: var(--zd_olive10);
389
- --zdt_tabletext_danger_text: #ff6b6b;
389
+ --zdt_tabletext_danger_text: var(--dot_bittersweet);
390
390
  --zdt_tabletext_heading_text: var(--zd_dark5);
391
391
 
392
392
  /* toast message */
393
393
  --zdt_toastmessage_default_box_shadow: rgba(0, 0, 0, 0.3);
394
- --zdt_toastmessage_default_bg: #232b38;
395
- --zdt_toastmessage_alert_border: #384157;
396
- --zdt_toastmessage_alert_text: #e2e4e6;
394
+ --zdt_toastmessage_default_bg: var(--dot_ebonyclay);
395
+ --zdt_toastmessage_alert_border: var(--dot_brightgrey);
396
+ --zdt_toastmessage_alert_text: var(--dot_platinum);
397
397
  --zdt_toastmessage_alerttitle_text: var(--dot_white);
398
- --zdt_toastmessage_popbutton_text: #e2e4e6;
399
- --zdt_toastmessage_submit_border: #384157;
398
+ --zdt_toastmessage_popbutton_text: var(--dot_platinum);
399
+ --zdt_toastmessage_submit_border: var(--dot_brightgrey);
400
400
  --zdt_toastmessage_primary_text: var(--zdt_cta_primary_text);
401
401
  --zdt_toastmessage_primary_hover_bg: var(--zdt_cta_primary_bg);
402
402
  --zdt_toastmessage_primary_hover_text: var(--dot_white);
403
- --zdt_toastmessage_danger_text: #ff6b6b;
404
- --zdt_toastmessage_danger_hover_bg: #ff6b6b;
403
+ --zdt_toastmessage_danger_text: var(--dot_bittersweet);
404
+ --zdt_toastmessage_danger_hover_bg: var(--dot_bittersweet);
405
405
  --zdt_toastmessage_danger_text_shadow: rgb(227, 74, 76);
406
406
  --zdt_toastmessage_success_text: var(--zd_olive8);
407
407
  --zdt_toastmessage_success_hover_bg: var(--zd_olive8);
408
408
  --zdt_toastmessage_successfill_bg: var(--zd_olive6);
409
409
  --zdt_toastmessage_successplain_text: var(--zd_olive6);
410
- --zdt_toastmessage_cancel_hover_text: #e2e4e6;
411
- --zdt_toastmessage_closeicon: #828994;
410
+ --zdt_toastmessage_cancel_hover_text: var(--dot_platinum);
411
+ --zdt_toastmessage_closeicon: var(--dot_oslogrey);
412
412
  --zdt_toastmessage_closeicon_hover_bg: var(--zdt_cta_primary_hover_bg);
413
- --zdt_toastmessage_closeicon_hover_text: #828994;
414
- --zdt_toastmessage_dropdown_bg: #262f3d;
413
+ --zdt_toastmessage_closeicon_hover_text: var(--dot_oslogrey);
414
+ --zdt_toastmessage_dropdown_bg: var(--dot_unknown1);
415
415
  --zdt_toastmessage_dropdown_text: var(--zd_dark5);
416
- --zdt_toastmessage_message_border: #384157;
416
+ --zdt_toastmessage_message_border: var(--dot_brightgrey);
417
417
 
418
418
  /* upload */
419
419
  --zdt_upload_default_bg: var(--dot_catskillWhite);
@@ -423,77 +423,77 @@
423
423
  --zdt_upload_uploadclose_default_bg: var(--dot_slateGrey);
424
424
  --zdt_upload_uploadclose_default_text: var(--dot_white);
425
425
  --zdt_upload_uploadclose_default_hover_text: var(--zd_graytrans7);
426
- --zdt_upload_night_bg: #384157;
427
- --zdt_upload_loader_night_bg: #e2e4e6;
428
- --zdt_upload_attachsize_night_text: #828994;
429
- --zdt_upload_uploadclose_night_bg: #384157;
430
- --zdt_upload_uploadclose_night_text: #828994;
426
+ --zdt_upload_night_bg: var(--dot_brightgrey);
427
+ --zdt_upload_loader_night_bg: var(--dot_platinum);
428
+ --zdt_upload_attachsize_night_text: var(--dot_oslogrey);
429
+ --zdt_upload_uploadclose_night_bg: var(--dot_brightgrey);
430
+ --zdt_upload_uploadclose_night_text: var(--dot_oslogrey);
431
431
  --zdt_upload_uploadclose_night_hover_text: #28373f;
432
432
 
433
433
  /* common alerts */
434
- --zdt_commonalert_default_border: #ff6b6b;
435
- --zdt_commonalert_success_border: #4ac064;
434
+ --zdt_commonalert_default_border: var(--dot_bittersweet);
435
+ --zdt_commonalert_success_border: var(--dot_darkmint);
436
436
  --zdt_commonalert_info_border: var(--zdt_cta_primary_border);
437
- --zdt_commonalert_danger_border: #ff6b6b;
438
- --zdt_commonalert_error_border: #ff6b6b;
439
- --zdt_commonalert_warning_border: #ff801f;
440
- --zdt_commonalert_close_icon: #e2e4e6;
441
- --zdt_commonalert_close_light_icon: #e2e4e6;
437
+ --zdt_commonalert_danger_border: var(--dot_bittersweet);
438
+ --zdt_commonalert_error_border: var(--dot_bittersweet);
439
+ --zdt_commonalert_warning_border: var(--dot_cadmiumorange);
440
+ --zdt_commonalert_close_icon: var(--dot_platinum);
441
+ --zdt_commonalert_close_light_icon: var(--dot_platinum);
442
442
  --zdt_commonalert_close_hover_bg: #583a45;
443
443
  --zdt_commonalert_success_hover_bg: #2c4e42;
444
444
  --zdt_commonalert_info_hover_bg: var(--zdt_cta_primary_light_bg);
445
- --zdt_commonalert_plaininfo_hover_bg: #262f3d;
445
+ --zdt_commonalert_plaininfo_hover_bg: var(--dot_unknown1);
446
446
  --zdt_commonalert_danger_hover_bg: #583a45;
447
447
  --zdt_commonalert_error_hover_bg: #583a45;
448
448
  --zdt_commonalert_warning_hover_bg: #583c2c;
449
- --zdt_commonalert_light_hover_bg: #384157;
449
+ --zdt_commonalert_light_hover_bg: var(--dot_brightgrey);
450
450
  --zdt_commonalert_secondlayer_bg: #2e3642;
451
- --zdt_commonalert_default_icon: #ff6b6b;
452
- --zdt_commonalert_success_icon: #4ac064;
451
+ --zdt_commonalert_default_icon: var(--dot_bittersweet);
452
+ --zdt_commonalert_success_icon: var(--dot_darkmint);
453
453
  --zdt_commonalert_info_icon: var(--zdt_cta_primary_border);
454
- --zdt_commonalert_danger_icon: #ff6b6b;
455
- --zdt_commonalert_error_icon: #ff6b6b;
456
- --zdt_commonalert_warning_icon: #ff801f;
454
+ --zdt_commonalert_danger_icon: var(--dot_bittersweet);
455
+ --zdt_commonalert_error_icon: var(--dot_bittersweet);
456
+ --zdt_commonalert_warning_icon: var(--dot_cadmiumorange);
457
457
 
458
458
  /* alert icons */
459
- --zdt_alerticons_green_fill: #4ac064;
460
- --zdt_alerticons_primary_fill: #479dff;
461
- --zdt_alerticons_orange_fill: #ff801f;
459
+ --zdt_alerticons_green_fill: var(--dot_darkmint);
460
+ --zdt_alerticons_primary_fill: var(--dot_butterflyblue);
461
+ --zdt_alerticons_orange_fill: var(--dot_cadmiumorange);
462
462
 
463
463
  /* global notification */
464
464
  --zdt_globalnotification_default_bg: #31323f;
465
- --zdt_globalnotification_default_text: #e2e4e6;
465
+ --zdt_globalnotification_default_text: var(--dot_platinum);
466
466
  --zdt_globalnotification_success_bg: #28373f;
467
- --zdt_globalnotification_success_text: #e2e4e6;
467
+ --zdt_globalnotification_success_text: var(--dot_platinum);
468
468
  --zdt_globalnotification_info_bg: var(--zdt_cta_primary_light_bg);
469
- --zdt_globalnotification_info_text: #e2e4e6;
469
+ --zdt_globalnotification_info_text: var(--dot_platinum);
470
470
  --zdt_globalnotification_danger_bg: #31323f;
471
- --zdt_globalnotification_danger_text: #e2e4e6;
471
+ --zdt_globalnotification_danger_text: var(--dot_platinum);
472
472
  --zdt_globalnotification_error_bg: #31323f;
473
- --zdt_globalnotification_error_text: #e2e4e6;
473
+ --zdt_globalnotification_error_text: var(--dot_platinum);
474
474
  --zdt_globalnotification_warning_bg: #31333c;
475
- --zdt_globalnotification_warning_text: #e2e4e6;
475
+ --zdt_globalnotification_warning_text: var(--dot_platinum);
476
476
  --zdt_globalnotification_default_box_shadow: rgba(0, 0, 0, 0.3);
477
477
 
478
478
  /* alert lookup */
479
- --zdt_alertlookup_bg: #262f3d;
479
+ --zdt_alertlookup_bg: var(--dot_unknown1);
480
480
  --zdt_alertlookup_border: var(--zdt_cta_grey_15_border);
481
- --zdt_alertlookuop_text: #e2e4e6;
481
+ --zdt_alertlookuop_text: var(--dot_platinum);
482
482
 
483
483
  /* alert lookup new */
484
- --zdt_alertlookupnew_text: #e2e4e6;
484
+ --zdt_alertlookupnew_text: var(--dot_platinum);
485
485
 
486
486
  /* tagsmultiselect */
487
- --zdt_tagsmultiselect_labelt_text: #a8b0bd;
487
+ --zdt_tagsmultiselect_labelt_text: var(--dot_cadetblue);
488
488
  --zdt_tagsmultiselect_default_border: var(--dot_inputLine);
489
489
  --zdt_tagsmultiselect_transparent_border: var(--dot_mirror);
490
- --zdt_tagsmultiselect_dark_border: #4b5168;
490
+ --zdt_tagsmultiselect_dark_border: var(--dot_mulledwine);
491
491
  --zdt_tagsmultiselect_default_hover_border: var(--dot_inputLineHover);
492
492
  --zdt_tagsmultiselect_transparent_hover_border: var(--dot_inputLineHover);
493
- --zdt_tagsmultiselect_dark_hover_border: #9699a6;
493
+ --zdt_tagsmultiselect_dark_hover_border: var(--dot_stardust);
494
494
  --zdt_tagsmultiselect_default_active_border: var(--dot_inputLineFocus);
495
495
  --zdt_tagsmultiselect_transparent_active_border: var(--dot_inputLineFocus);
496
- --zdt_tagsmultiselect_dark_active_border: #9699a6;
496
+ --zdt_tagsmultiselect_dark_active_border: var(--dot_stardust);
497
497
  --zdt_tagsmultiselect_more_text: var(--zdt_cta_primary_text);
498
498
  --zdt_tagsmultiselect_more_hover_text: var(--zdt_cta_primary_hover_text);
499
499
 
@@ -508,14 +508,14 @@
508
508
  --zdt_texteditor_menu_after_bg: var(--dot_white);
509
509
  --zdt_texteditor_input_placeholder_text: var(--zd_smoke14);
510
510
  --zdt_texteditor_dropdown_box_shadow: rgba(0, 0, 0, 0.2);
511
- --zdt_texteditor_night_bg: #232b38;
512
- --zdt_texteditor_night_text: #e2e4e6;
511
+ --zdt_texteditor_night_bg: var(--dot_ebonyclay);
512
+ --zdt_texteditor_night_text: var(--dot_platinum);
513
513
 
514
514
  /* desktop notification */
515
- --zdt_desktopnotification_bg: #262f3d;
516
- --zdt_desktopnotification_text: #e2e4e6;
515
+ --zdt_desktopnotification_bg: var(--dot_unknown1);
516
+ --zdt_desktopnotification_text: var(--dot_platinum);
517
517
  --zdt_desktopnotification_box_shadow: rgba(0, 0, 0, 0.4);
518
518
 
519
519
  /* tagsmultiselect field */
520
- --zdt_tagsmultiselectField_count_text: #a8b0bd;
520
+ --zdt_tagsmultiselectField_count_text: var(--dot_cadetblue);
521
521
  }