@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/lib/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
  }