@zohodesk/dot 1.0.0-temp-55 → 1.0.0-temp-56

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 (73) hide show
  1. package/README.md +2 -0
  2. package/es/Appearance/dark/mode/dotDarkMode.module.css +520 -536
  3. package/es/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +2 -2
  4. package/es/Appearance/dark/themes/green/greenDarkDotTheme.module.css +2 -2
  5. package/es/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +2 -2
  6. package/es/Appearance/dark/themes/red/redDarkDotTheme.module.css +2 -2
  7. package/es/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +2 -2
  8. package/es/Appearance/default/mode/dotDefaultMode.module.css +520 -536
  9. package/es/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +2 -2
  10. package/es/Appearance/default/themes/green/greenDefaultDotTheme.module.css +2 -2
  11. package/es/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +2 -2
  12. package/es/Appearance/default/themes/red/redDefaultDotTheme.module.css +2 -2
  13. package/es/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +2 -2
  14. package/es/FreezeLayer/docs/FreezeLayer__dark.docs.js +2 -2
  15. package/es/FreezeLayer/docs/FreezeLayer__default.docs.js +2 -2
  16. package/es/Loader/docs/Loader__default.docs.js +1 -1
  17. package/es/deprecated/SelectDropdown/SelectDropdown.module.css +6 -6
  18. package/es/form/fields/TagsMultiSelectField/docs/TagsMultiSelectField__default.docs.js +1 -1
  19. package/es/form/fields/TextEditor/TextEditor.js +1 -1
  20. package/es/form/fields/TextEditorField/docs/TextEditorField__default.docs.js +1 -1
  21. package/es/list/BluePrintStatus/BluePrintStatus.module.css +2 -2
  22. package/es/list/DotNew/DotNew.module.css +4 -4
  23. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +4 -5
  24. package/lib/Appearance/dark/mode/dotDarkMode.module.css +520 -536
  25. package/lib/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +2 -2
  26. package/lib/Appearance/dark/themes/green/greenDarkDotTheme.module.css +2 -2
  27. package/lib/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +2 -2
  28. package/lib/Appearance/dark/themes/red/redDarkDotTheme.module.css +2 -2
  29. package/lib/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +2 -2
  30. package/lib/Appearance/default/mode/dotDefaultMode.module.css +520 -536
  31. package/lib/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +2 -2
  32. package/lib/Appearance/default/themes/green/greenDefaultDotTheme.module.css +2 -2
  33. package/lib/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +2 -2
  34. package/lib/Appearance/default/themes/red/redDefaultDotTheme.module.css +2 -2
  35. package/lib/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +2 -2
  36. package/lib/FreezeLayer/docs/FreezeLayer__dark.docs.js +2 -2
  37. package/lib/FreezeLayer/docs/FreezeLayer__default.docs.js +2 -2
  38. package/lib/Loader/docs/Loader__default.docs.js +1 -1
  39. package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +6 -6
  40. package/lib/form/fields/TagsMultiSelectField/docs/TagsMultiSelectField__default.docs.js +1 -1
  41. package/lib/form/fields/TextEditor/TextEditor.js +1 -1
  42. package/lib/form/fields/TextEditorField/docs/TextEditorField__default.docs.js +1 -1
  43. package/lib/list/BluePrintStatus/BluePrintStatus.module.css +2 -2
  44. package/lib/list/DotNew/DotNew.module.css +4 -4
  45. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +4 -5
  46. package/package.json +7 -7
  47. package/preprocess/dotAppearanceColors.js +71 -0
  48. package/preprocess/dotThemeColors.js +1 -1
  49. package/preprocess/index.js +1 -0
  50. package/preprocess/json/dotAppearanceVariableJson.js +1908 -0
  51. package/preprocess/json/{dotVariableJson.js → dotThemeVariableJson.js} +20 -20
  52. package/src/Appearance/dark/mode/dotDarkMode.module.css +520 -536
  53. package/src/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +2 -2
  54. package/src/Appearance/dark/themes/green/greenDarkDotTheme.module.css +2 -2
  55. package/src/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +2 -2
  56. package/src/Appearance/dark/themes/red/redDarkDotTheme.module.css +2 -2
  57. package/src/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +2 -2
  58. package/src/Appearance/default/mode/dotDefaultMode.module.css +520 -536
  59. package/src/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +2 -2
  60. package/src/Appearance/default/themes/green/greenDefaultDotTheme.module.css +2 -2
  61. package/src/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +2 -2
  62. package/src/Appearance/default/themes/red/redDefaultDotTheme.module.css +2 -2
  63. package/src/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +2 -2
  64. package/src/FreezeLayer/docs/FreezeLayer__dark.docs.js +2 -2
  65. package/src/FreezeLayer/docs/FreezeLayer__default.docs.js +2 -2
  66. package/src/Loader/docs/Loader__default.docs.js +1 -1
  67. package/src/deprecated/SelectDropdown/SelectDropdown.module.css +6 -6
  68. package/src/form/fields/TagsMultiSelectField/docs/TagsMultiSelectField__default.docs.js +1 -1
  69. package/src/form/fields/TextEditor/TextEditor.js +1 -1
  70. package/src/form/fields/TextEditorField/docs/TextEditorField__default.docs.js +1 -1
  71. package/src/list/BluePrintStatus/BluePrintStatus.module.css +2 -2
  72. package/src/list/DotNew/DotNew.module.css +4 -4
  73. package/src/version2/notification/DesktopNotification/DesktopNotification.module.css +4 -5
package/src/Appearance/dark/mode/dotDarkMode.module.css CHANGED
@@ -1,537 +1,521 @@
1
1
  [data-mode='dark'], :global(.blueDarkTheme) [data-desk-theme="blue"] {
2
- /* action button */
3
- --zdt_actionButton_primaryFilled_bg: var(--zdt_cta_primary_bg);
4
- --zdt_actionButton_primaryFilled_hover_bg: var(--zdt_cta_primary_hover_bg);
5
- --zdt_actionButton_primary_border: var(--zdt_cta_primary_border);
6
- --zdt_actionButton_primary_hover_border: var(--zdt_cta_primary_hover_border);
7
- --zdt_actionButton_separator_border: var(--zdt_cta_secondary_border);
8
- --zdt_actionButton_separator_hover_border: var(--zdt_cta_primary_border);
9
- --zdt_actionButton_primaryFilled_text: var(--zdt_cta_secondary_text);
10
- --zdt_actionButton_primary_text: var(--zdt_cta_primary_text);
11
- --zdt_actionButton_primary_hover_text: var(--zdt_cta_primary_text);
12
-
13
- /* alert header */
14
- --zdt_alertheader_default_bg: var(--zd_bg_smoke45);
15
- --zdt_alertheader_default_text: #e2e4e6;
16
- --zdt_alertheader_primary_bg: #edfbfe;
17
- --zdt_alertheader_primary_text: var(--zd_text_primary19);
18
- --zdt_alertheader_danger_bg: var(--zd_bg_danger5);
19
- --zdt_alertheader_danger_text: #ff6b6b;
20
-
21
- /* alert lookup */
22
- --zdt_alertlookup_innersection_text: #e2e4e6;
23
-
24
- /* alphabetic list */
25
- --zdt_alphabeticList_text: #828994;
26
- --zdt_alphabeticList_hover_text: var(--zdt_cta_primary_text);
27
-
28
- /* attachment */
29
- --zdt_attachment_default_bg: #232b38;
30
- --zdt_attachment_default_border: var(--zdt_cta_grey_40_border);
31
- --zdt_attachment_default_hover_border: #828994;
32
- --zdt_attachment_hover_text: #e2e4e6;
33
- --zdt_attachment_transparent_bg: var(--dot_bg_mirror);
34
- --zdt_attachment_size_text: #a8b0bd;
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;
38
-
39
- /* avatar close */
40
- --zdt_avatarclose_pop_bg: var(--zd_bg_dark9);
41
- --zdt_avatarclose_pop_text: var(--zd_text_smoke24);
42
-
43
- /* avatar collision */
44
- --zdt_avatarcollision_on_border: var(--zdt_cta_primary_border);
45
- --zdt_avatarcollision_off_border: var(--zdt_cta_grey_35_border);
46
- --zdt_avatarcollision_off_after_border: #232b38;
47
- --zdt_avatarcollision_off_after_bg: var(--zdt_cta_grey_35_bg);
48
- --zdt_avatarcollision_pop_bg: var(--zd_bg_dark9);
49
- --zdt_avatarcollision_pop_text: var(--zd_text_smoke24);
50
- --zdt_avatarcollision_icon_text: #e2e4e6;
51
-
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;
58
- --zdt_avatarIcon_smoke_icon: var(--zd_text_smoke18);
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;
63
- --zdt_avatarIcon_secondary_border: var(--zd_border_primarytrans);
64
- --zdt_avatarIcon_secondary_hover_border: var(--zd_border_primarytrans);
65
- --zdt_avatarIcon_success_border: #4ac064;
66
- --zdt_avatarIcon_success_hover_border: #1b8c35;
67
- --zdt_avatarIcon_danger_border: #ff6b6b;
68
- --zdt_avatarIcon_danger_hover_border: #cc302d;
69
-
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;
75
-
76
- /* avatar thread */
77
- --zdt_avatarthread_bg: #161b23;
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;
86
-
87
- /* avatar user */
88
- --zdt_avataruser_default_bg: #232b38;
89
- --zdt_avataruser_delete_bg: var(--zd_bg_dark9);
90
- --zdt_avataruser_delete_text: #232b38;
91
-
92
- /* avatar with team */
93
- --zdt_avatarteam_default_bg: #232b38;
94
-
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;
100
- --zdt_channelIcon_topIcon_border: var(--zdt_cta_grey_35_border);
101
-
102
- /* drawer */
103
- --zdt_drawer_default_box_shadow: rgba(0, 0, 0, 0.4);
104
- --zdt_drawer_default_bg: #232b38;
105
- --zdt_drawer_header_bg: var(--zdt_cta_grey_10_bg);
106
- --zdt_drawer_header_border: var(--zdt_cta_grey_35_border);
107
- --zdt_drawer_title_text: #e2e4e6;
108
-
109
- /* toggle dropdown */
110
- --zdt_toggledropdown_line_border: var(--zdt_cta_grey_15_border);
111
-
112
- /* common empty state */
113
- --zdt_commonEmptyState_default_title: #e2e4e6;
114
- --zdt_commonEmptyState_default_description: #a8b0bd;
115
- --zdt_commonEmptyState_default_link: var(--zdt_cta_primary_text);
116
- --zdt_commonEmptyState_default_link_hover: var(--zdt_cta_primary_hover_text);
117
-
118
- /* edition page */
119
- --zdt_editionpage_footer_text: var(--zd_text_smoke5);
120
- --zdt_editionpage_primary_text: var(--zdt_cta_primary_text);
121
-
122
- /* error state empty */
123
- --zdt_emptystate_default_bg: #232b38;
124
- --zdt_emptystate_title_text: #e2e4e6;
125
-
126
- /* link text */
127
- --zdt_linktext_default_text: var(--zdt_cta_primary_text);
128
-
129
- /* permission play */
130
- --zdt_permissionplay_title_text: var(--zd_text_dark3);
131
-
132
- /* will back */
133
- --zdt_willback_title_text: var(--zd_text_dark20);
134
-
135
- /* flip card */
136
- --zdt_flipcard_default_bg: var(--dot_bg_mirror);
137
- --zdt_flipcard_default_text: var(--zd_text_smoke21);
138
-
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;
146
- --zdt_fields_phitag_border: rgba(38, 169, 66, 0.2);
147
- --zdt_fields_newtabicon_icon: #e2e4e6;
148
- --zdt_fields_newtabicon_hover_icon: var(--zdt_cta_primary_text);
149
-
150
- /* form action */
151
- --zdt_formAction_bg: #262f3d;
152
- --zdt_formAction_border: #384157;
153
-
154
- /* freezelayer */
155
- --zdt_freezelayer_default_bg: rgba(0, 0, 0, 0.8);
156
- --zdt_freezelayer_dark_bg: rgba(0, 0, 0, 0.8);
157
- --zdt_freezelayer_plain_bg: var(--dot_bg_mirror);
158
- --zdt_freezelayer_snow_bg: rgba(44, 51, 77, 0.75);
159
-
160
- /* icon button */
161
- --zdt_iconButton_icon_black: #e2e4e6;
162
- --zdt_iconButton_icon_primary: var(--zdt_cta_alpha_text);
163
- --zdt_iconButton_icon_primaryHover: var(--zdt_cta_alpha_hover_text);
164
- --zdt_iconButton_icon_primaryActive: var(--dot_text_white);
165
-
166
- /* important notes */
167
- --zdt_importantnotes_bg: var(--zd_bg_orangetrans);
168
- --zdt_importantnotes_title_text: #e2e4e6;
169
- --zdt_importantnotes_icon: #e2e4e6;
170
-
171
- /* setup detail layout */
172
- --zdt_setupdetail_header_border: var(--zd_border_smoke59);
173
- --zdt_setupdetail_backicon: var(--zd_text_dark4);
174
- --zdt_setupdetail_hover_backicon_bg: var(--zd_bg_smoke64);
175
- --zdt_setupdetail_helpinfo: var(--zd_border_smoke29);
176
- --zdt_setupdetail_helpinfo_text: var(--zd_text_dark6);
177
- --zdt_setupdetail_popup_border: var(--zd_border_smoke71);
178
- --zdt_setupdetail_popup_bg: #232b38;
179
- --zdt_setupdetail_infoheader_bg: var(--zd_bg_primarytrans11);
180
- --zdt_setupdetail_infoheader_text: var(--zd_text_primary1);
181
- --zdt_setupdetail_infoicon_border: var(--zd_border_primary1);
182
- --zdt_setupdetail_infoclose: var(--zd_text_smoke20);
183
-
184
- /* subtab layout */
185
- --zdt_subtablayout_border: var(--zdt_cta_grey_15_border);
186
- --zdt_subtablayout_tabhead_bg: #232b38;
187
- --zdt_subtablayout_plusicon_bg: var(--zd_bg_smoke3);
188
- --zdt_subtablayout_primary_border: var(--zd_border_smoke5);
189
- --zdt_subtablayout_shadowstyle_box_shadow: var(--zd_shadow_graytrans5);
190
- --zdt_subtablayout_title_text: var(--zdt_cta_primary_text);
191
- --zdt_subtablayout_label_text: var(--zd_text_smoke18);
192
-
193
- /* avatar flip */
194
- --zdt_avatarflip_default_text: #e2e4e6;
195
-
196
- /* comment icon */
197
- --zdt_comment_iconText: #a8b0bd;
198
- --zdt_comment_hover_iconText: var(--dot_text_white);
199
-
200
- /* department dropdown */
201
- --zdt_departmentdropdown_default_text: #828994;
202
- --zdt_departmentdropdown_default_hover_text: #e2e4e6;
203
-
204
- /* dot */
205
- --zdt_dot_text: var(--zdt_cta_grey_40_text);
206
-
207
- /* dot new */
208
- --zdt_dotnew_default_bg: var(--zdt_cta_primary_bg);
209
- --zdt_dotnew_default_box_shadow: rgba(10, 115, 235, 0.6);
210
- --zdt_dotnew_animate_box_shadow: var(--dot_shadow_mirror);
211
- --zdt_dotnew_animate_to_box_shadow: rgba(255, 255, 255, 0);
212
-
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;
218
- --zdt_gridstencils_listbar_gradient_bg: linear-gradient(
219
- left,
220
- #383f55 0,
221
- #414961 20%,
222
- #414961 40%,
223
- #383f55 100%
224
- );
225
-
226
- /* icons */
227
- --zdt_icons_default: #a8b0bd;
228
- --zdt_icons_hover_blue: var(--zdt_cta_primary_text);
229
- --zdt_icons_hover_red: #ff6b6b;
230
-
231
- /* list layout */
232
- --zdt_listLayout_border: var(--zdt_cta_grey_15_border);
233
- --zdt_listLayout_hover_bg: var(--dot_listItemHover);
234
- --zdt_listLayout_active_bg: var(--dot_listItemActive);
235
- --zdt_listLayout_active_border: var(--zdt_cta_primary_border);
236
- --zdt_listLayout_keyboard_active_border:#828994;
237
-
238
- /* list stencils */
239
- --zdt_liststencils_innercontainer_border: var(--zdt_cta_grey_15_border);
240
-
241
- /* secondary text */
242
- --zdt_secondaryText_gray_text: #a8b0bd;
243
- --zdt_secondaryText_orage_text: #ff801f;
244
- --zdt_secondaryText_green_text: #4ac064;
245
- --zdt_secondaryText_red_text: #ff6b6b;
246
- --zdt_secondaryText_blue_text: var(--zdt_cta_primary_text);
247
- --zdt_secondaryText_blue_hover_text: var(--zdt_cta_primary_hover_text);
248
- --zdt_secondaryText_black_text: #e2e4e6;
249
- --zdt_secondaryText_secondaryText_text: #a8b0bd;
250
-
251
- /* status dropdown */
252
- --zdt_statusdropdown_line_border: var(--zdt_cta_grey_15_border);
253
-
254
- /* status listitem */
255
- --zdt_statuslistitem_list_text: #e2e4e6;
256
- --zdt_statuslistitem_default_border: var(--dot_border_mirror);
257
- --zdt_statuslistitem_default_active_border: var(--zdt_cta_primary_border);
258
- --zdt_statuslistitem_default_effect_bg: rgba(44, 59, 77, 0.45);
259
- --zdt_statuslistitem_primary_efffect_bg: var(--dot_listItemActive);
260
- --zdt_statuslistitem_secondary_effect_bg: var(--zdt_cta_primary_bg);
261
- --zdt_statuslistitem_secondary_effect_text: #232b38;
262
- --zdt_statuslistitem_tickicon: var(--zdt_cta_primary_text);
263
- --zdt_statuslistitem_black_bg: #e2e4e6;
264
- --zdt_statuslistitem_orange_bg: #ff801f;
265
- --zdt_statuslistitem_green_bg: #4ac064;
266
-
267
- /* subject */
268
- --zdt_subject_text: #e2e4e6;
269
-
270
- /* tag new */
271
- --zdt_tagnew_default_bg: var(--zdt_cta_primary_bg);
272
- --zdt_tagnew_default_box_shadow: var(--zdt_cta_primary_box_shadow);
273
- --zdt_tagnew_default_text: var(--zdt_cta_secondary_text);
274
-
275
- /* thread */
276
- --zdt_thread_iconText: #a8b0bd;
277
- --zdt_thread_hover_iconText: var(--dot_text_white);
278
-
279
- /* usertime */
280
- --zdt_usertime_timeText: #a8b0bd;
281
- --zdt_usertime_icon_red: #ff6b6b;
282
- --zdt_usertime_icon_green: #4ac064;
283
- --zdt_usertime_icon_orange: #ff801f;
284
- --zdt_usertime_icon_gray: #a8b0bd;
285
-
286
- /* loader */
287
- --zdt_loader_gradient_bg: linear-gradient(
288
- to right,
289
- rgb(206, 34, 50) 0%,
290
- rgb(96, 128, 64) 20%,
291
- rgb(144, 178, 71) 40%,
292
- rgb(249, 221, 75) 60%,
293
- rgb(9, 116, 176) 80%,
294
- rgb(206, 34, 50) 100%
295
- );
296
-
297
- /* lookup header common */
298
- --zdt_lookupheader_default_bg: var(--zdt_cta_grey_10_bg);
299
- --zdt_lookupheader_default_border: var(--zdt_cta_grey_35_border);
300
- --zdt_lookupheader_para_text: #a8b0bd;
301
- --zdt_lookupheader_input_border: var(--zd_border_smoke33);
302
-
303
- /* lookup close */
304
- --zdt_lookupclose_default_text: var(--zd_text_dark5);
305
- --zdt_lookupclose_default_hover_bg: var(--zd_bg_smoke5);
306
- --zdt_lookupclose_default_hover_text: #e2e4e6;
307
-
308
- /* lookup search */
309
- --zdt_lookupsearch_boxstyle_border: var(--zdt_cta_grey_35_border);
310
- --zdt_lookupsearch_boxstyle_hover_border: #828994;
311
- --zdt_lookupsearch_boxstyle_activer_border: var(--dot_inputLineFocus);
312
-
313
- /* lookup ticket header */
314
- --zdt_lookupticketheader_border: var(--zd_border_smoke33);
315
-
316
- /* lookup title */
317
- --zdt_lookuptitle_default_text: #e2e4e6;
318
- --zdt_lookuptitle_primary_text: #479dff;
319
- --zdt_lookuptitle_danger_text: #ff6b6b;
320
-
321
- /* view dropdown */
322
- --zdt_viewdropdown_empty_text: #828994;
323
- --zdt_viewdropdown_label_text: #a8b0bd;
324
- --zdt_viewdropdown_hover_label_text: #e2e4e6;
325
-
326
- /* lookup section */
327
- --zdt_lookupsection_bg: #262f3d;
328
- --zdt_lookupsection_box_shadow: rgba(0, 0, 0, 0.4);
329
-
330
- /* message */
331
- --zdt_message_default_box_shadow: rgba(0, 0, 0, 0.15);
332
- --zdt_message_default_bg: #232b38;
333
- --zdt_message_success_bg: #4ac064;
334
- --zdt_message_alert_bg: #ff6b6b;
335
- --zdt_message_info_bg: var(--zd_bg_primary5);
336
- --zdt_message_tickicon: #232b38;
337
- --zdt_message_close_text: var(--zd_text_dark6);
338
-
339
- /* message banner */
340
- --zdt_messagebanner_text: #e2e4e6;
341
- --zdt_messagebanner_link_text: var(--zdt_cta_primary_text);
342
- --zdt_messagebanner_close_text: var(--zd_text_smoke18);
343
- --zdt_messagebanner_close_hover_bg: #ececc6;
344
- --zdt_messagebanner_close_hover_text: var(--zd_text_smoke51);
345
- --zdt_messagebanner_default_bg: #feffdd;
346
- --zdt_messagebanner_blue_bg: #eaf4fe;
347
- --zdt_messagebanner_white_text: #232b38;
348
-
349
- /* new star */
350
- --zdt_newstar_green_text: #4ac064;
351
- --zdt_newstar_yellow_text: var(--zd_text_goldyellow);
352
- --zdt_newstar_blue_text: #479dff;
353
-
354
- /* plus icon */
355
- --zdt_plusicon_box_shadow: var(--zdt_cta_primary_box_shadow);
356
- --zdt_plusicon_bg: var(--zdt_cta_primary_light_bg);
357
- --zdt_plusicon_border: var(--zdt_cta_primary_light_border);
358
- --zdt_plusicon_hover_border: var(--zdt_cta_primary_light_border);
359
- --zdt_plusicon_text: var(--zdt_cta_primary_text);
360
-
361
- /* header link */
362
- --zdt_headerlink_text: var(--zdt_cta_primary_text);
363
- --zdt_headerlink_hover_text: var(--zdt_cta_primary_border);
364
-
365
- /* search */
366
- --zdt_search_input_border: #999;
367
- --zdt_search_input_text: #333;
368
- --zdt_search_input_bg: #232b38;
369
- --zdt_search_input_focus_border: var(--zdt_cta_primary_border);
370
- --zdt_search_icon: #999;
371
- --zdt_search_hover_icon: #666;
372
- --zdt_search_placeholder_text: var(--zd_text_smoke12);
373
-
374
- /* views */
375
- --zdt_views_icon: #999;
376
- --zdt_views_border: #e1e1e1;
377
- --zdt_views_hover_icon: #666;
378
- --zdt_views_active_icon: var(--zdt_cta_primary_text);
379
-
380
- /* help tips description */
381
- --zdt_helptips_text: var(--zd_text_dark5);
382
-
383
- /* help tips link */
384
- --zdt_helptipslink_text: var(--zdt_cta_primary_text);
385
-
386
- /* list group */
387
- --zdt_listgroup_text: var(--zd_text_dark5);
388
-
389
- /* help tips title */
390
- --zdt_helptipstitle_text: var(--zd_text_dark4);
391
-
392
- /* setup table head */
393
- --zdt_setuptablehead_border: var(--zd_border_smoke59);
394
-
395
- /* setup table row */
396
- --zdt_setuptablerow_border: var(--zd_border_alabaster);
397
- --zdt_setuptablerow_hover_bg: var(--zd_bg_snow);
398
-
399
- /* table text */
400
- --zdt_tabletext_primary_text: var(--zdt_cta_primary_text);
401
- --zdt_tabletext_default_text: #e2e4e6;
402
- --zdt_tabletext_green_text: var(--zd_text_olive10);
403
- --zdt_tabletext_danger_text: #ff6b6b;
404
- --zdt_tabletext_heading_text: var(--zd_text_dark5);
405
-
406
- /* toast message */
407
- --zdt_toastmessage_default_box_shadow: rgba(0, 0, 0, 0.3);
408
- --zdt_toastmessage_default_bg: #232b38;
409
- --zdt_toastmessage_alert_border: #384157;
410
- --zdt_toastmessage_alert_text: #e2e4e6;
411
- --zdt_toastmessage_alerttitle_text: #fff;
412
- --zdt_toastmessage_popbutton_text: #e2e4e6;
413
- --zdt_toastmessage_submit_border: #384157;
414
- --zdt_toastmessage_primary_text: var(--zdt_cta_primary_text);
415
- --zdt_toastmessage_primary_hover_bg: var(--zdt_cta_primary_bg);
416
- --zdt_toastmessage_primary_hover_text: #fff;
417
- --zdt_toastmessage_danger_text: #ff6b6b;
418
- --zdt_toastmessage_danger_hover_bg: #ff6b6b;
419
- --zdt_toastmessage_danger_text_shadow: rgb(227, 74, 76);
420
- --zdt_toastmessage_success_text: var(--zd_text_olive8);
421
- --zdt_toastmessage_success_hover_bg: var(--zd_bg_olive8);
422
- --zdt_toastmessage_successfill_bg: var(--zd_bg_olive6);
423
- --zdt_toastmessage_successplain_text: var(--zd_text_olive6);
424
- --zdt_toastmessage_cancel_hover_text: #e2e4e6;
425
- --zdt_toastmessage_closeicon: #828994;
426
- --zdt_toastmessage_closeicon_hover_bg: var(--zdt_cta_primary_hover_bg);
427
- --zdt_toastmessage_closeicon_hover_text: #828994;
428
- --zdt_toastmessage_dropdown_bg: #262f3d;
429
- --zdt_toastmessage_dropdown_text: var(--zd_text_dark5);
430
- --zdt_toastmessage_message_border: #384157;
431
-
432
- /* upload */
433
- --zdt_upload_default_bg: var(--dot_bg_catskillWhite);
434
- --zdt_upload_overlay_bg: var(--zd_bg_graytrans6);
435
- --zdt_upload_loader_default_bg: var(--zd_bg_dark13);
436
- --zdt_upload_attachsize_default_text: var(--dot_text_slateGrey);
437
- --zdt_upload_uploadclose_default_bg: var(--dot_bg_slateGrey);
438
- --zdt_upload_uploadclose_default_text: var(--dot_text_white);
439
- --zdt_upload_uploadclose_default_hover_text: var(--zd_bg_graytrans7);
440
- --zdt_upload_night_bg: #384157;
441
- --zdt_upload_loader_night_bg: #e2e4e6;
442
- --zdt_upload_attachsize_night_text: #828994;
443
- --zdt_upload_uploadclose_night_bg: #384157;
444
- --zdt_upload_uploadclose_night_text: #828994;
445
- --zdt_upload_uploadclose_night_hover_text: #28373f;
446
-
447
- /* common alerts */
448
- --zdt_commonalert_default_border: #ff6b6b;
449
- --zdt_commonalert_success_border: #4ac064;
450
- --zdt_commonalert_info_border: var(--zdt_cta_primary_border);
451
- --zdt_commonalert_danger_border: #ff6b6b;
452
- --zdt_commonalert_error_border: #ff6b6b;
453
- --zdt_commonalert_warning_border: #ff801f;
454
-
455
- --zdt_commonalert_close_icon: #e2e4e6;
456
- --zdt_commonalert_close_light_icon: #e2e4e6;
457
- --zdt_commonalert_close_hover_bg: #583a45;
458
- --zdt_commonalert_success_hover_bg: #2c4e42;
459
- --zdt_commonalert_info_hover_bg: var(--zdt_cta_primary_light_bg);
460
- --zdt_commonalert_plaininfo_hover_bg: #262f3d;
461
- --zdt_commonalert_danger_hover_bg: #583a45;
462
- --zdt_commonalert_error_hover_bg: #583a45;
463
- --zdt_commonalert_warning_hover_bg: #583c2c;
464
- --zdt_commonalert_light_hover_bg: #384157;
465
-
466
- --zdt_commonalert_secondlayer_bg: #2e3642;
467
- --zdt_commonalert_default_icon: #ff6b6b;
468
- --zdt_commonalert_success_icon: #4ac064;
469
- --zdt_commonalert_info_icon: var(--zdt_cta_primary_border);
470
- --zdt_commonalert_danger_icon: #ff6b6b;
471
- --zdt_commonalert_error_icon: #ff6b6b;
472
- --zdt_commonalert_warning_icon: #ff801f;
473
-
474
- /* alert icons */
475
- --zdt_alerticons_green_fill: #4ac064;
476
- --zdt_alerticons_primary_fill: #479dff;
477
- --zdt_alerticons_orange_fill: #ff801f;
478
-
479
- /* global notification */
480
- --zdt_globalnotification_default_bg: #31323f;
481
- --zdt_globalnotification_default_text: #e2e4e6;
482
- --zdt_globalnotification_success_bg: #28373f;
483
- --zdt_globalnotification_success_text: #e2e4e6;
484
- --zdt_globalnotification_info_bg: var(--zdt_cta_primary_light_bg);
485
- --zdt_globalnotification_info_text: #e2e4e6;
486
- --zdt_globalnotification_danger_bg: #31323f;
487
- --zdt_globalnotification_danger_text: #e2e4e6;
488
- --zdt_globalnotification_error_bg: #31323f;
489
- --zdt_globalnotification_error_text: #e2e4e6;
490
- --zdt_globalnotification_warning_bg: #31333c;
491
- --zdt_globalnotification_warning_text: #e2e4e6;
492
- --zdt_globalnotification_default_box_shadow: rgba(0, 0, 0, 0.3);
493
-
494
- /* alert lookup */
495
- --zdt_alertlookup_bg: #262f3d;
496
- --zdt_alertlookup_border: var(--zdt_cta_grey_15_border);
497
- --zdt_alertlookuop_text: #e2e4e6;
498
-
499
- /* alert lookup new */
500
- --zdt_alertlookupnew_text: #e2e4e6;
501
-
502
- /* tagsmultiselect */
503
- --zdt_tagsmultiselect_labelt_text: #a8b0bd;
504
- --zdt_tagsmultiselect_default_border: var(--dot_inputLine);
505
- --zdt_tagsmultiselect_transparent_border: var(--dot_border_mirror);
506
- --zdt_tagsmultiselect_dark_border: #4b5168;
507
- --zdt_tagsmultiselect_default_hover_border: var(--dot_inputLineHover);
508
- --zdt_tagsmultiselect_transparent_hover_border: var(--dot_inputLineHover);
509
- --zdt_tagsmultiselect_dark_hover_border: #9699a6;
510
- --zdt_tagsmultiselect_default_active_border: var(--dot_inputLineFocus);
511
- --zdt_tagsmultiselect_transparent_active_border: var(--dot_inputLineFocus);
512
- --zdt_tagsmultiselect_dark_active_border: #9699a6;
513
- --zdt_tagsmultiselect_more_text: var(--zdt_cta_primary_text);
514
- --zdt_tagsmultiselect_more_hover_text: var(--zdt_cta_primary_hover_text);
515
-
516
- /* text editor */
517
- --zdt_texteditor_menu_bg: var(--dot_bg_catskillWhite);
518
- --zdt_texteditor_default_bg: var(--dot_bg_white);
519
- --zdt_texteditor_default_border: var(--dot_border_paleBlue);
520
- --zdt_texteditor_menu_li_bg: var(--dot_bg_hawkesBlue);
521
- --zdt_texteditor_default_text: var(--dot_text_black);
522
- --zdt_texteditor_more_icon_fill: var(--dot_text_slateGrey);
523
- --zdt_texteditor_menu_after_box_shadow: rgba(0, 0, 0, 0.08);
524
- --zdt_texteditor_menu_after_bg: var(--dot_bg_white);
525
- --zdt_texteditor_input_placeholder_text: var(--zd_text_smoke14);
526
- --zdt_texteditor_dropdown_box_shadow: rgba(0, 0, 0, 0.2);
527
- --zdt_texteditor_night_bg: #232b38;
528
- --zdt_texteditor_night_text: #e2e4e6;
529
-
530
- /* Desktop Notification */
531
- --zdt_desktopnotification_bg: #262f3d;
532
- --zdt_desktopnotification_text: #e2e4e6;
533
- --zdt_desktopnotification_box_shadow: rgba(0, 0, 0, 0.4);
534
-
535
- /* Tagsmultiselect Field */
536
- --zdt_tagsmultiselectField_count_text: #a8b0bd;
537
- }
2
+ /* action button */
3
+ --zdt_actionButton_primaryFilled_bg: var(--zdt_cta_primary_bg);
4
+ --zdt_actionButton_primaryFilled_hover_bg: var(--zdt_cta_primary_hover_bg);
5
+ --zdt_actionButton_primary_border: var(--zdt_cta_primary_border);
6
+ --zdt_actionButton_primary_hover_border: var(--zdt_cta_primary_hover_border);
7
+ --zdt_actionButton_separator_border: var(--zdt_cta_secondary_border);
8
+ --zdt_actionButton_separator_hover_border: var(--zdt_cta_primary_border);
9
+ --zdt_actionButton_primaryFilled_text: var(--zdt_cta_secondary_text);
10
+ --zdt_actionButton_primary_text: var(--zdt_cta_primary_text);
11
+ --zdt_actionButton_primary_hover_text: var(--zdt_cta_primary_text);
12
+
13
+ /* alert header */
14
+ --zdt_alertheader_default_bg: var(--zd_smoke45);
15
+ --zdt_alertheader_default_text: #e2e4e6;
16
+ --zdt_alertheader_primary_bg: #edfbfe;
17
+ --zdt_alertheader_primary_text: var(--zd_primary19);
18
+ --zdt_alertheader_danger_bg: var(--zd_danger5);
19
+ --zdt_alertheader_danger_text: #ff6b6b;
20
+
21
+ /* alert lookup */
22
+ --zdt_alertlookup_innersection_text: #e2e4e6;
23
+
24
+ /* alphabetic list */
25
+ --zdt_alphabeticList_text: #828994;
26
+ --zdt_alphabeticList_hover_text: var(--zdt_cta_primary_text);
27
+
28
+ /* attachment */
29
+ --zdt_attachment_default_bg: #232b38;
30
+ --zdt_attachment_default_border: var(--zdt_cta_grey_40_border);
31
+ --zdt_attachment_default_hover_border: #828994;
32
+ --zdt_attachment_hover_text: #e2e4e6;
33
+ --zdt_attachment_transparent_bg: var(--dot_mirror);
34
+ --zdt_attachment_size_text: #a8b0bd;
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;
38
+
39
+ /* avatar close */
40
+ --zdt_avatarclose_pop_bg: var(--zd_dark9);
41
+ --zdt_avatarclose_pop_text: var(--zd_smoke24);
42
+
43
+ /* avatar collision */
44
+ --zdt_avatarcollision_on_border: var(--zdt_cta_primary_border);
45
+ --zdt_avatarcollision_off_border: var(--zdt_cta_grey_35_border);
46
+ --zdt_avatarcollision_off_after_border: #232b38;
47
+ --zdt_avatarcollision_off_after_bg: var(--zdt_cta_grey_35_bg);
48
+ --zdt_avatarcollision_pop_bg: var(--zd_dark9);
49
+ --zdt_avatarcollision_pop_text: var(--zd_smoke24);
50
+ --zdt_avatarcollision_icon_text: #e2e4e6;
51
+
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;
58
+ --zdt_avatarIcon_smoke_icon: var(--zd_smoke18);
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;
63
+ --zdt_avatarIcon_secondary_border: var(--zd_primarytrans);
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;
68
+ --zdt_avatarIcon_danger_hover_border: #cc302d;
69
+
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;
75
+
76
+ /* avatar thread */
77
+ --zdt_avatarthread_bg: #161b23;
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;
86
+
87
+ /* avatar user */
88
+ --zdt_avataruser_default_bg: #232b38;
89
+ --zdt_avataruser_delete_bg: var(--zd_dark9);
90
+ --zdt_avataruser_delete_text: #232b38;
91
+
92
+ /* avatar with team */
93
+ --zdt_avatarteam_default_bg: #232b38;
94
+
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;
100
+ --zdt_channelIcon_topIcon_border: var(--zdt_cta_grey_35_border);
101
+
102
+ /* drawer */
103
+ --zdt_drawer_default_box_shadow: rgba(0, 0, 0, 0.4);
104
+ --zdt_drawer_default_bg: #232b38;
105
+ --zdt_drawer_header_bg: var(--zdt_cta_grey_10_bg);
106
+ --zdt_drawer_header_border: var(--zdt_cta_grey_35_border);
107
+ --zdt_drawer_title_text: #e2e4e6;
108
+
109
+ /* toggle dropdown */
110
+ --zdt_toggledropdown_line_border: var(--zdt_cta_grey_15_border);
111
+
112
+ /* common empty state */
113
+ --zdt_commonEmptyState_default_title: #e2e4e6;
114
+ --zdt_commonEmptyState_default_description: #a8b0bd;
115
+ --zdt_commonEmptyState_default_link: var(--zdt_cta_primary_text);
116
+ --zdt_commonEmptyState_default_link_hover: var(--zdt_cta_primary_hover_text);
117
+
118
+ /* edition page */
119
+ --zdt_editionpage_footer_text: var(--zd_smoke5);
120
+ --zdt_editionpage_primary_text: var(--zdt_cta_primary_text);
121
+
122
+ /* error state empty */
123
+ --zdt_emptystate_default_bg: #232b38;
124
+ --zdt_emptystate_title_text: #e2e4e6;
125
+
126
+ /* link text */
127
+ --zdt_linktext_default_text: var(--zdt_cta_primary_text);
128
+
129
+ /* permission play */
130
+ --zdt_permissionplay_title_text: var(--zd_dark3);
131
+
132
+ /* will back */
133
+ --zdt_willback_title_text: var(--zd_dark20);
134
+
135
+ /* flip card */
136
+ --zdt_flipcard_default_bg: var(--dot_mirror);
137
+ --zdt_flipcard_default_text: var(--zd_smoke21);
138
+
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;
146
+ --zdt_fields_phitag_border: rgba(38, 169, 66, 0.2);
147
+ --zdt_fields_newtabicon_icon: #e2e4e6;
148
+ --zdt_fields_newtabicon_hover_icon: var(--zdt_cta_primary_text);
149
+
150
+ /* form action */
151
+ --zdt_formAction_bg: #262f3d;
152
+ --zdt_formAction_border: #384157;
153
+
154
+ /* freezelayer */
155
+ --zdt_freezelayer_default_bg: rgba(0, 0, 0, 0.8);
156
+ --zdt_freezelayer_dark_bg: rgba(0, 0, 0, 0.8);
157
+ --zdt_freezelayer_plain_bg: var(--dot_mirror);
158
+ --zdt_freezelayer_snow_bg: rgba(44, 51, 77, 0.75);
159
+
160
+ /* icon button */
161
+ --zdt_iconButton_icon_black: #e2e4e6;
162
+ --zdt_iconButton_icon_primary: var(--zdt_cta_alpha_text);
163
+ --zdt_iconButton_icon_primaryHover: var(--zdt_cta_alpha_hover_text);
164
+ --zdt_iconButton_icon_primaryActive: var(--dot_white);
165
+
166
+ /* important notes */
167
+ --zdt_importantnotes_bg: var(--zd_orangetrans);
168
+ --zdt_importantnotes_title_text: #e2e4e6;
169
+ --zdt_importantnotes_icon: #e2e4e6;
170
+
171
+ /* setup detail layout */
172
+ --zdt_setupdetail_header_border: var(--zd_smoke59);
173
+ --zdt_setupdetail_backicon: var(--zd_dark4);
174
+ --zdt_setupdetail_hover_backicon_bg: var(--zd_smoke64);
175
+ --zdt_setupdetail_helpinfo: var(--zd_smoke29);
176
+ --zdt_setupdetail_helpinfo_text: var(--zd_dark6);
177
+ --zdt_setupdetail_popup_border: var(--zd_smoke71);
178
+ --zdt_setupdetail_popup_bg: #232b38;
179
+ --zdt_setupdetail_infoheader_bg: var(--zd_primarytrans11);
180
+ --zdt_setupdetail_infoheader_text: var(--zd_primary1);
181
+ --zdt_setupdetail_infoicon_border: var(--zd_primary1);
182
+ --zdt_setupdetail_infoclose: var(--zd_smoke20);
183
+
184
+ /* subtab layout */
185
+ --zdt_subtablayout_border: var(--zdt_cta_grey_15_border);
186
+ --zdt_subtablayout_tabhead_bg: #232b38;
187
+ --zdt_subtablayout_plusicon_bg: var(--zd_smoke3);
188
+ --zdt_subtablayout_primary_border: var(--zd_smoke5);
189
+ --zdt_subtablayout_shadowstyle_box_shadow: var(--zd_graytrans5);
190
+ --zdt_subtablayout_title_text: var(--zdt_cta_primary_text);
191
+ --zdt_subtablayout_label_text: var(--zd_smoke18);
192
+
193
+ /* avatar flip */
194
+ --zdt_avatarflip_default_text: #e2e4e6;
195
+
196
+ /* comment icon */
197
+ --zdt_comment_iconText: #a8b0bd;
198
+ --zdt_comment_hover_iconText: var(--dot_white);
199
+
200
+ /* department dropdown */
201
+ --zdt_departmentdropdown_default_text: #828994;
202
+ --zdt_departmentdropdown_default_hover_text: #e2e4e6;
203
+
204
+ /* dot */
205
+ --zdt_dot_text: var(--zdt_cta_grey_40_text);
206
+
207
+ /* dot new */
208
+ --zdt_dotnew_default_bg: var(--zdt_cta_primary_bg);
209
+ --zdt_dotnew_default_box_shadow: rgba(10, 115, 235, 0.6);
210
+ --zdt_dotnew_animate_box_shadow: var(--dot_mirror);
211
+ --zdt_dotnew_animate_to_box_shadow: rgba(255, 255, 255, 0);
212
+
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;
218
+ --zdt_gridstencils_listbar_gradient_bg: linear-gradient(left, #383f55 0, #414961 20%, #414961 40%, #383f55 100%);
219
+
220
+ /* icons */
221
+ --zdt_icons_default: #a8b0bd;
222
+ --zdt_icons_hover_blue: var(--zdt_cta_primary_text);
223
+ --zdt_icons_hover_red: #ff6b6b;
224
+
225
+ /* list layout */
226
+ --zdt_listLayout_border: var(--zdt_cta_grey_15_border);
227
+ --zdt_listLayout_hover_bg: var(--dot_listItemHover);
228
+ --zdt_listLayout_active_bg: var(--dot_listItemActive);
229
+ --zdt_listLayout_active_border: var(--zdt_cta_primary_border);
230
+ --zdt_listLayout_keyboard_active_border: #828994;
231
+
232
+ /* list stencils */
233
+ --zdt_liststencils_innercontainer_border: var(--zdt_cta_grey_15_border);
234
+
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;
240
+ --zdt_secondaryText_blue_text: var(--zdt_cta_primary_text);
241
+ --zdt_secondaryText_blue_hover_text: var(--zdt_cta_primary_hover_text);
242
+ --zdt_secondaryText_black_text: #e2e4e6;
243
+ --zdt_secondaryText_secondaryText_text: #a8b0bd;
244
+
245
+ /* status dropdown */
246
+ --zdt_statusdropdown_line_border: var(--zdt_cta_grey_15_border);
247
+
248
+ /* status listitem */
249
+ --zdt_statuslistitem_list_text: #e2e4e6;
250
+ --zdt_statuslistitem_default_border: var(--dot_mirror);
251
+ --zdt_statuslistitem_default_active_border: var(--zdt_cta_primary_border);
252
+ --zdt_statuslistitem_default_effect_bg: rgba(44, 59, 77, 0.45);
253
+ --zdt_statuslistitem_primary_efffect_bg: var(--dot_listItemActive);
254
+ --zdt_statuslistitem_secondary_effect_bg: var(--zdt_cta_primary_bg);
255
+ --zdt_statuslistitem_secondary_effect_text: #232b38;
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;
260
+
261
+ /* subject */
262
+ --zdt_subject_text: #e2e4e6;
263
+
264
+ /* tag new */
265
+ --zdt_tagnew_default_bg: var(--zdt_cta_primary_bg);
266
+ --zdt_tagnew_default_box_shadow: var(--zdt_cta_primary_box_shadow);
267
+ --zdt_tagnew_default_text: var(--zdt_cta_secondary_text);
268
+
269
+ /* thread */
270
+ --zdt_thread_iconText: #a8b0bd;
271
+ --zdt_thread_hover_iconText: var(--dot_white);
272
+
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;
279
+
280
+ /* loader */
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%);
282
+
283
+ /* lookup header common */
284
+ --zdt_lookupheader_default_bg: var(--zdt_cta_grey_10_bg);
285
+ --zdt_lookupheader_default_border: var(--zdt_cta_grey_35_border);
286
+ --zdt_lookupheader_para_text: #a8b0bd;
287
+ --zdt_lookupheader_input_border: var(--zd_smoke33);
288
+
289
+ /* lookup close */
290
+ --zdt_lookupclose_default_text: var(--zd_dark5);
291
+ --zdt_lookupclose_default_hover_bg: var(--zd_smoke5);
292
+ --zdt_lookupclose_default_hover_text: #e2e4e6;
293
+
294
+ /* lookup search */
295
+ --zdt_lookupsearch_boxstyle_border: var(--zdt_cta_grey_35_border);
296
+ --zdt_lookupsearch_boxstyle_hover_border: #828994;
297
+ --zdt_lookupsearch_boxstyle_activer_border: var(--dot_inputLineFocus);
298
+
299
+ /* lookup ticket header */
300
+ --zdt_lookupticketheader_border: var(--zd_smoke33);
301
+
302
+ /* lookup title */
303
+ --zdt_lookuptitle_default_text: #e2e4e6;
304
+ --zdt_lookuptitle_primary_text: #479dff;
305
+ --zdt_lookuptitle_danger_text: #ff6b6b;
306
+
307
+ /* view dropdown */
308
+ --zdt_viewdropdown_empty_text: #828994;
309
+ --zdt_viewdropdown_label_text: #a8b0bd;
310
+ --zdt_viewdropdown_hover_label_text: #e2e4e6;
311
+
312
+ /* lookup section */
313
+ --zdt_lookupsection_bg: #262f3d;
314
+ --zdt_lookupsection_box_shadow: rgba(0, 0, 0, 0.4);
315
+
316
+ /* message */
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;
321
+ --zdt_message_info_bg: var(--zd_primary5);
322
+ --zdt_message_tickicon: #232b38;
323
+ --zdt_message_close_text: var(--zd_dark6);
324
+
325
+ /* message banner */
326
+ --zdt_messagebanner_text: #e2e4e6;
327
+ --zdt_messagebanner_link_text: var(--zdt_cta_primary_text);
328
+ --zdt_messagebanner_close_text: var(--zd_smoke18);
329
+ --zdt_messagebanner_close_hover_bg: #ececc6;
330
+ --zdt_messagebanner_close_hover_text: var(--zd_smoke51);
331
+ --zdt_messagebanner_default_bg: #feffdd;
332
+ --zdt_messagebanner_blue_bg: #eaf4fe;
333
+ --zdt_messagebanner_white_text: #232b38;
334
+
335
+ /* new star */
336
+ --zdt_newstar_green_text: #4ac064;
337
+ --zdt_newstar_yellow_text: var(--zd_goldyellow);
338
+ --zdt_newstar_blue_text: #479dff;
339
+
340
+ /* plus icon */
341
+ --zdt_plusicon_box_shadow: var(--zdt_cta_primary_box_shadow);
342
+ --zdt_plusicon_bg: var(--zdt_cta_primary_light_bg);
343
+ --zdt_plusicon_border: var(--zdt_cta_primary_light_border);
344
+ --zdt_plusicon_hover_border: var(--zdt_cta_primary_light_border);
345
+ --zdt_plusicon_text: var(--zdt_cta_primary_text);
346
+
347
+ /* header link */
348
+ --zdt_headerlink_text: var(--zdt_cta_primary_text);
349
+ --zdt_headerlink_hover_text: var(--zdt_cta_primary_border);
350
+
351
+ /* search */
352
+ --zdt_search_input_border: #999;
353
+ --zdt_search_input_text: #333;
354
+ --zdt_search_input_bg: #232b38;
355
+ --zdt_search_input_focus_border: var(--zdt_cta_primary_border);
356
+ --zdt_search_icon: #999;
357
+ --zdt_search_hover_icon: #666;
358
+ --zdt_search_placeholder_text: var(--zd_smoke12);
359
+
360
+ /* views */
361
+ --zdt_views_icon: #999;
362
+ --zdt_views_border: #e1e1e1;
363
+ --zdt_views_hover_icon: #666;
364
+ --zdt_views_active_icon: var(--zdt_cta_primary_text);
365
+
366
+ /* help tips description */
367
+ --zdt_helptips_text: var(--zd_dark5);
368
+
369
+ /* help tips link */
370
+ --zdt_helptipslink_text: var(--zdt_cta_primary_text);
371
+
372
+ /* list group */
373
+ --zdt_listgroup_text: var(--zd_dark5);
374
+
375
+ /* help tips title */
376
+ --zdt_helptipstitle_text: var(--zd_dark4);
377
+
378
+ /* setup table head */
379
+ --zdt_setuptablehead_border: var(--zd_smoke59);
380
+
381
+ /* setup table row */
382
+ --zdt_setuptablerow_border: var(--zd_alabaster);
383
+ --zdt_setuptablerow_hover_bg: var(--zd_snow);
384
+
385
+ /* table text */
386
+ --zdt_tabletext_primary_text: var(--zdt_cta_primary_text);
387
+ --zdt_tabletext_default_text: #e2e4e6;
388
+ --zdt_tabletext_green_text: var(--zd_olive10);
389
+ --zdt_tabletext_danger_text: #ff6b6b;
390
+ --zdt_tabletext_heading_text: var(--zd_dark5);
391
+
392
+ /* toast message */
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;
397
+ --zdt_toastmessage_alerttitle_text: var(--dot_white);
398
+ --zdt_toastmessage_popbutton_text: #e2e4e6;
399
+ --zdt_toastmessage_submit_border: #384157;
400
+ --zdt_toastmessage_primary_text: var(--zdt_cta_primary_text);
401
+ --zdt_toastmessage_primary_hover_bg: var(--zdt_cta_primary_bg);
402
+ --zdt_toastmessage_primary_hover_text: var(--dot_white);
403
+ --zdt_toastmessage_danger_text: #ff6b6b;
404
+ --zdt_toastmessage_danger_hover_bg: #ff6b6b;
405
+ --zdt_toastmessage_danger_text_shadow: rgb(227, 74, 76);
406
+ --zdt_toastmessage_success_text: var(--zd_olive8);
407
+ --zdt_toastmessage_success_hover_bg: var(--zd_olive8);
408
+ --zdt_toastmessage_successfill_bg: var(--zd_olive6);
409
+ --zdt_toastmessage_successplain_text: var(--zd_olive6);
410
+ --zdt_toastmessage_cancel_hover_text: #e2e4e6;
411
+ --zdt_toastmessage_closeicon: #828994;
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;
415
+ --zdt_toastmessage_dropdown_text: var(--zd_dark5);
416
+ --zdt_toastmessage_message_border: #384157;
417
+
418
+ /* upload */
419
+ --zdt_upload_default_bg: var(--dot_catskillWhite);
420
+ --zdt_upload_overlay_bg: var(--zd_graytrans6);
421
+ --zdt_upload_loader_default_bg: var(--zd_dark13);
422
+ --zdt_upload_attachsize_default_text: var(--dot_slateGrey);
423
+ --zdt_upload_uploadclose_default_bg: var(--dot_slateGrey);
424
+ --zdt_upload_uploadclose_default_text: var(--dot_white);
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;
431
+ --zdt_upload_uploadclose_night_hover_text: #28373f;
432
+
433
+ /* common alerts */
434
+ --zdt_commonalert_default_border: #ff6b6b;
435
+ --zdt_commonalert_success_border: #4ac064;
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;
442
+ --zdt_commonalert_close_hover_bg: #583a45;
443
+ --zdt_commonalert_success_hover_bg: #2c4e42;
444
+ --zdt_commonalert_info_hover_bg: var(--zdt_cta_primary_light_bg);
445
+ --zdt_commonalert_plaininfo_hover_bg: #262f3d;
446
+ --zdt_commonalert_danger_hover_bg: #583a45;
447
+ --zdt_commonalert_error_hover_bg: #583a45;
448
+ --zdt_commonalert_warning_hover_bg: #583c2c;
449
+ --zdt_commonalert_light_hover_bg: #384157;
450
+ --zdt_commonalert_secondlayer_bg: #2e3642;
451
+ --zdt_commonalert_default_icon: #ff6b6b;
452
+ --zdt_commonalert_success_icon: #4ac064;
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;
457
+
458
+ /* alert icons */
459
+ --zdt_alerticons_green_fill: #4ac064;
460
+ --zdt_alerticons_primary_fill: #479dff;
461
+ --zdt_alerticons_orange_fill: #ff801f;
462
+
463
+ /* global notification */
464
+ --zdt_globalnotification_default_bg: #31323f;
465
+ --zdt_globalnotification_default_text: #e2e4e6;
466
+ --zdt_globalnotification_success_bg: #28373f;
467
+ --zdt_globalnotification_success_text: #e2e4e6;
468
+ --zdt_globalnotification_info_bg: var(--zdt_cta_primary_light_bg);
469
+ --zdt_globalnotification_info_text: #e2e4e6;
470
+ --zdt_globalnotification_danger_bg: #31323f;
471
+ --zdt_globalnotification_danger_text: #e2e4e6;
472
+ --zdt_globalnotification_error_bg: #31323f;
473
+ --zdt_globalnotification_error_text: #e2e4e6;
474
+ --zdt_globalnotification_warning_bg: #31333c;
475
+ --zdt_globalnotification_warning_text: #e2e4e6;
476
+ --zdt_globalnotification_default_box_shadow: rgba(0, 0, 0, 0.3);
477
+
478
+ /* alert lookup */
479
+ --zdt_alertlookup_bg: #262f3d;
480
+ --zdt_alertlookup_border: var(--zdt_cta_grey_15_border);
481
+ --zdt_alertlookuop_text: #e2e4e6;
482
+
483
+ /* alert lookup new */
484
+ --zdt_alertlookupnew_text: #e2e4e6;
485
+
486
+ /* tagsmultiselect */
487
+ --zdt_tagsmultiselect_labelt_text: #a8b0bd;
488
+ --zdt_tagsmultiselect_default_border: var(--dot_inputLine);
489
+ --zdt_tagsmultiselect_transparent_border: var(--dot_mirror);
490
+ --zdt_tagsmultiselect_dark_border: #4b5168;
491
+ --zdt_tagsmultiselect_default_hover_border: var(--dot_inputLineHover);
492
+ --zdt_tagsmultiselect_transparent_hover_border: var(--dot_inputLineHover);
493
+ --zdt_tagsmultiselect_dark_hover_border: #9699a6;
494
+ --zdt_tagsmultiselect_default_active_border: var(--dot_inputLineFocus);
495
+ --zdt_tagsmultiselect_transparent_active_border: var(--dot_inputLineFocus);
496
+ --zdt_tagsmultiselect_dark_active_border: #9699a6;
497
+ --zdt_tagsmultiselect_more_text: var(--zdt_cta_primary_text);
498
+ --zdt_tagsmultiselect_more_hover_text: var(--zdt_cta_primary_hover_text);
499
+
500
+ /* text editor */
501
+ --zdt_texteditor_menu_bg: var(--dot_catskillWhite);
502
+ --zdt_texteditor_default_bg: var(--dot_white);
503
+ --zdt_texteditor_default_border: var(--dot_paleBlue);
504
+ --zdt_texteditor_menu_li_bg: var(--dot_hawkesBlue);
505
+ --zdt_texteditor_default_text: var(--dot_black);
506
+ --zdt_texteditor_more_icon_fill: var(--dot_slateGrey);
507
+ --zdt_texteditor_menu_after_box_shadow: rgba(0, 0, 0, 0.08);
508
+ --zdt_texteditor_menu_after_bg: var(--dot_white);
509
+ --zdt_texteditor_input_placeholder_text: var(--zd_smoke14);
510
+ --zdt_texteditor_dropdown_box_shadow: rgba(0, 0, 0, 0.2);
511
+ --zdt_texteditor_night_bg: #232b38;
512
+ --zdt_texteditor_night_text: #e2e4e6;
513
+
514
+ /* desktop notification */
515
+ --zdt_desktopnotification_bg: #262f3d;
516
+ --zdt_desktopnotification_text: #e2e4e6;
517
+ --zdt_desktopnotification_box_shadow: rgba(0, 0, 0, 0.4);
518
+
519
+ /* tagsmultiselect field */
520
+ --zdt_tagsmultiselectField_count_text: #a8b0bd;
521
+ }