@zohodesk/dot 1.0.0-temp-74 → 1.0.0-temp-75

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 (291) hide show
  1. package/README.md +1071 -1067
  2. package/assets/Appearance/pureDark/mode/dotPureDarkMode.module.css +531 -0
  3. package/assets/Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css +16 -0
  4. package/assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css +16 -0
  5. package/assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css +16 -0
  6. package/assets/Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css +16 -0
  7. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css +16 -0
  8. package/dubFinder.js +96 -96
  9. package/es/ActionButton/ActionButton.module.css +136 -120
  10. package/es/AlphabeticList/AlphabeticList.module.css +57 -54
  11. package/es/Attachment/Attachment.module.css +132 -121
  12. package/es/AttachmentViewer/AttachmentViewer.module.css +346 -291
  13. package/es/ChannelIcon/ChannelIcon.module.css +217 -208
  14. package/es/Drawer/Drawer.js +0 -0
  15. package/es/Drawer/Drawer.module.css +151 -103
  16. package/es/ExternalLink/ExternalLink.js +0 -0
  17. package/es/ExternalLink/ExternalLink.module.css +3 -3
  18. package/es/ExternalLink/__tests__/ExternalLink.spec.js +0 -0
  19. package/es/FlipCard/FlipCard.module.css +44 -35
  20. package/es/FormAction/FormAction.module.css +82 -57
  21. package/es/FreezeLayer/FreezeLayer.module.css +42 -38
  22. package/es/IconButton/IconButton.module.css +22 -22
  23. package/es/Image/Image.module.css +10 -10
  24. package/es/ImportantNotes/ImportantNotes.module.css +20 -15
  25. package/es/Link/Link.js +0 -0
  26. package/es/Link/Link.module.css +3 -3
  27. package/es/Loader/Loader.module.css +46 -25
  28. package/es/Message/Message.module.css +102 -69
  29. package/es/MessageBanner/MessageBanner.module.css +46 -38
  30. package/es/NewStar/NewStar.module.css +110 -73
  31. package/es/PlusIcon/PlusIcon.js +0 -0
  32. package/es/PlusIcon/PlusIcon.module.css +16 -16
  33. package/es/Provider.js +88 -35
  34. package/es/ToastMessage/ToastMessage.js +0 -0
  35. package/es/ToastMessage/ToastMessage.module.css +328 -257
  36. package/es/Upload/Upload.module.css +125 -106
  37. package/es/alert/AlertHeader/AlertHeader.module.css +80 -62
  38. package/es/alert/AlertLookup/AlertLookup.module.css +26 -22
  39. package/es/avatar/AvatarClose/AvatarClose.module.css +37 -31
  40. package/es/avatar/AvatarCollision/AvatarCollision.module.css +69 -55
  41. package/es/avatar/AvatarIcon/AvatarIcon.module.css +58 -59
  42. package/es/avatar/AvatarStatus/AvatarStatus.js +0 -0
  43. package/es/avatar/AvatarStatus/AvatarStatus.module.css +146 -96
  44. package/es/avatar/AvatarThread/AvatarThread.module.css +163 -113
  45. package/es/avatar/AvatarUser/AvatarUser.js +0 -0
  46. package/es/avatar/AvatarUser/AvatarUser.module.css +171 -100
  47. package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +23 -16
  48. package/es/common/dot_animation.module.css +26 -13
  49. package/es/common/dot_common.module.css +3 -3
  50. package/es/deprecated/SelectDropdown/SelectDropdown.module.css +55 -47
  51. package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +97 -84
  52. package/es/emptystate/CommonEmptyState/CommonEmptyState.js +0 -0
  53. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +85 -77
  54. package/es/emptystate/EditionPage/EditionPage.css +43 -37
  55. package/es/errorstate/EmptyStates.module.css +87 -84
  56. package/es/errorstate/Inconvenience/Inconvenience.module.css +7 -4
  57. package/es/errorstate/LinkText/LinkText.module.css +6 -6
  58. package/es/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
  59. package/es/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
  60. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
  61. package/es/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
  62. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
  63. package/es/errorstate/WillBack/WillBack.module.css +34 -36
  64. package/es/form/fields/CheckBoxField/CheckBoxField.js +0 -0
  65. package/es/form/fields/Fields.module.css +183 -148
  66. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +107 -95
  67. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -6
  68. package/es/form/fields/TextEditor/TextEditor.module.css +666 -589
  69. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +36 -25
  70. package/es/form/fields/ValidationMessage/ValidationMessage.module.css +27 -22
  71. package/es/form/layout/Field/Field.js +0 -0
  72. package/es/form/layout/Field/Field.module.css +22 -22
  73. package/es/form/layout/Section/ModuleFormSection.module.css +3 -3
  74. package/es/form/layout/Section/Section.js +0 -0
  75. package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +152 -116
  76. package/es/layout/SubtabLayout/SubtabLayout.module.css +146 -120
  77. package/es/list/AvatarFlip/AvatarFlip.module.css +3 -3
  78. package/es/list/BluePrintStatus/BluePrintStatus.module.css +17 -14
  79. package/es/list/Comment/Comment.module.css +29 -24
  80. package/es/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
  81. package/es/list/Dot/Dot.module.css +15 -15
  82. package/es/list/DotNew/DotNew.module.css +22 -22
  83. package/es/list/GridStencils/GridStencils.module.css +156 -102
  84. package/es/list/Icons/Icons.module.css +15 -15
  85. package/es/list/ListLayout/ListLayout.module.css +57 -49
  86. package/es/list/ListStencils/ListStencils.module.css +67 -62
  87. package/es/list/SecondaryText/SecondaryText.module.css +136 -126
  88. package/es/list/SecondaryText/Website.js +0 -0
  89. package/es/list/SecondryPanel/SecondryPanel.js +0 -0
  90. package/es/list/SecondryPanel/SecondryPanel.module.css +5 -5
  91. package/es/list/SentimentStatus/SentimentStatus.module.css +12 -9
  92. package/es/list/Subject/Subject.module.css +27 -27
  93. package/es/list/TagNew/TagNew.module.css +115 -108
  94. package/es/list/Thread/Thread.module.css +42 -30
  95. package/es/list/UserTime/UserTime.module.css +58 -52
  96. package/es/list/listCommon.module.css +60 -52
  97. package/es/list/status/StatusDropdown/StatusDropdown.module.css +89 -76
  98. package/es/list/status/StatusListItem/StatusListItem.js +0 -0
  99. package/es/list/status/StatusListItem/StatusListItem.module.css +104 -81
  100. package/es/lookup/EmptyPage/EmptyPage.js +0 -0
  101. package/es/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
  102. package/es/lookup/Lookup/Lookup.js +0 -0
  103. package/es/lookup/Lookup/Lookup.module.css +26 -26
  104. package/es/lookup/Section/LookupSection.module.css +8 -8
  105. package/es/lookup/header/Close/LookupClose.module.css +15 -15
  106. package/es/lookup/header/Search/LookupSearch.module.css +57 -48
  107. package/es/lookup/header/TicketHeader/TicketHeader.module.css +22 -19
  108. package/es/lookup/header/Title/LookupTitle.module.css +20 -20
  109. package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +50 -45
  110. package/es/lookup/header/lookupHeaderCommon.module.css +35 -25
  111. package/es/lookup/header/lookupHeaderCommonResponsive.module.css +24 -15
  112. package/es/setup/header/Button/HeaderButton.module.css +5 -3
  113. package/es/setup/header/Link/HeaderLink.module.css +21 -15
  114. package/es/setup/header/Search/Search.module.css +68 -57
  115. package/es/setup/header/Views/Views.module.css +37 -27
  116. package/es/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
  117. package/es/setup/helptips/Link/HelpTipsLink.module.css +7 -6
  118. package/es/setup/helptips/Link/Link.js +0 -0
  119. package/es/setup/helptips/ListGroup/ListGroup.module.css +22 -17
  120. package/es/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
  121. package/es/setup/helptips/Title/Title.js +0 -0
  122. package/es/setup/table/TableData/SetupTableData.module.css +44 -36
  123. package/es/setup/table/TableData/Tablehover.module.css +6 -6
  124. package/es/setup/table/TableHead/SetupTableHead.module.css +12 -8
  125. package/es/setup/table/TableRow/SetupTableRow.module.css +14 -10
  126. package/es/setup/table/Text/TableText.module.css +37 -37
  127. package/es/setup/table/Text/Text.js +0 -0
  128. package/es/svg/PlusIcon.js +1 -1
  129. package/es/svg/SnippetIcon.js +2 -2
  130. package/es/utils/KeyboardApi.js +25 -25
  131. package/es/version2/AlertClose/AlertClose.module.css +42 -42
  132. package/es/version2/GlobalNotification/GlobalNotification.module.css +124 -89
  133. package/es/version2/alertIcons/AlertIcons.module.css +67 -67
  134. package/es/version2/errorstate/V2_ErrorStates.module.css +46 -46
  135. package/es/version2/lookup/AlertHeader/AlertHeaderNew.module.css +86 -63
  136. package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +43 -39
  137. package/es/version2/lookup/alertLookupCommonNew.module.css +32 -25
  138. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +106 -90
  139. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -99
  140. package/lib/ActionButton/ActionButton.module.css +136 -137
  141. package/lib/AlphabeticList/AlphabeticList.module.css +57 -57
  142. package/lib/Attachment/Attachment.module.css +132 -132
  143. package/lib/AttachmentViewer/Attachment.js +28 -0
  144. package/lib/AttachmentViewer/AttachmentImage.js +129 -0
  145. package/lib/AttachmentViewer/AttachmentViewer.js +645 -0
  146. package/lib/AttachmentViewer/AttachmentViewer.module.css +346 -0
  147. package/lib/AttachmentViewer/utils.js +134 -0
  148. package/lib/ChannelIcon/ChannelIcon.module.css +217 -217
  149. package/lib/Drawer/Drawer.js +0 -0
  150. package/lib/Drawer/Drawer.module.css +151 -151
  151. package/lib/ExternalLink/ExternalLink.js +0 -0
  152. package/lib/ExternalLink/ExternalLink.module.css +3 -3
  153. package/lib/ExternalLink/__tests__/ExternalLink.spec.js +0 -0
  154. package/lib/FlipCard/FlipCard.module.css +44 -44
  155. package/lib/FormAction/FormAction.module.css +82 -82
  156. package/lib/FreezeLayer/FreezeLayer.js +31 -4
  157. package/lib/FreezeLayer/FreezeLayer.module.css +42 -42
  158. package/lib/IconButton/IconButton.module.css +22 -22
  159. package/lib/Image/Image.module.css +10 -10
  160. package/lib/ImportantNotes/ImportantNotes.module.css +20 -20
  161. package/lib/Link/Link.js +0 -0
  162. package/lib/Link/Link.module.css +3 -3
  163. package/lib/Loader/Loader.module.css +46 -46
  164. package/lib/Message/Message.module.css +102 -102
  165. package/lib/MessageBanner/MessageBanner.module.css +46 -46
  166. package/lib/NewStar/NewStar.module.css +110 -110
  167. package/lib/PlusIcon/PlusIcon.js +0 -0
  168. package/lib/PlusIcon/PlusIcon.module.css +16 -16
  169. package/lib/Provider/Config.js +21 -0
  170. package/lib/Provider.js +107 -37
  171. package/lib/ToastMessage/ToastMessage.js +0 -0
  172. package/lib/ToastMessage/ToastMessage.module.css +328 -328
  173. package/lib/Upload/Upload.module.css +125 -125
  174. package/lib/alert/AlertHeader/AlertHeader.module.css +80 -80
  175. package/lib/alert/AlertLookup/AlertLookup.module.css +26 -26
  176. package/lib/avatar/AvatarClose/AvatarClose.module.css +37 -37
  177. package/lib/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
  178. package/lib/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
  179. package/lib/avatar/AvatarStatus/AvatarStatus.js +0 -0
  180. package/lib/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
  181. package/lib/avatar/AvatarThread/AvatarThread.module.css +163 -163
  182. package/lib/avatar/AvatarUser/AvatarUser.js +0 -0
  183. package/lib/avatar/AvatarUser/AvatarUser.module.css +171 -171
  184. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.module.css +23 -23
  185. package/lib/common/dot_animation.module.css +27 -0
  186. package/lib/common/dot_common.module.css +4 -0
  187. package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +55 -55
  188. package/lib/deprecated/utils/General.js +29 -0
  189. package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +97 -97
  190. package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +0 -0
  191. package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +85 -85
  192. package/lib/emptystate/EditionPage/EditionPage.css +43 -43
  193. package/lib/errorstate/EmptyStates.module.css +87 -87
  194. package/lib/errorstate/Inconvenience/Inconvenience.module.css +7 -7
  195. package/lib/errorstate/LinkText/LinkText.module.css +6 -6
  196. package/lib/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
  197. package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
  198. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
  199. package/lib/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
  200. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
  201. package/lib/errorstate/WillBack/WillBack.module.css +34 -34
  202. package/lib/form/fields/CheckBoxField/CheckBoxField.js +1 -1
  203. package/lib/form/fields/CurrencyField/CurrencyField.js +9 -8
  204. package/lib/form/fields/DateField/DateField.js +1 -1
  205. package/lib/form/fields/Fields.module.css +183 -183
  206. package/lib/form/fields/MultiSelectField/MultiSelectField.js +1 -1
  207. package/lib/form/fields/PhoneField/PhoneField.js +1 -1
  208. package/lib/form/fields/RadioField/RadioField.js +1 -1
  209. package/lib/form/fields/SelectField/SelectField.js +1 -1
  210. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +7 -4
  211. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +107 -107
  212. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
  213. package/lib/form/fields/TextBoxField/TextBoxField.js +1 -1
  214. package/lib/form/fields/TextEditor/TextEditor.js +4 -1
  215. package/lib/form/fields/TextEditor/TextEditor.module.css +666 -655
  216. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +36 -36
  217. package/lib/form/fields/TextareaField/TextareaField.js +1 -1
  218. package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
  219. package/lib/form/layout/Field/Field.js +0 -0
  220. package/lib/form/layout/Field/Field.module.css +22 -22
  221. package/lib/form/layout/Section/ModuleFormSection.module.css +3 -3
  222. package/lib/form/layout/Section/Section.js +0 -0
  223. package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +152 -152
  224. package/lib/layout/SubtabLayout/SubtabLayout.module.css +146 -146
  225. package/lib/list/AvatarFlip/AvatarFlip.module.css +3 -3
  226. package/lib/list/BluePrintStatus/BluePrintStatus.module.css +17 -17
  227. package/lib/list/Comment/Comment.module.css +29 -29
  228. package/lib/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
  229. package/lib/list/Dot/Dot.module.css +15 -15
  230. package/lib/list/DotNew/DotNew.module.css +22 -22
  231. package/lib/list/GridStencils/GridStencils.module.css +156 -156
  232. package/lib/list/Icons/Icons.module.css +15 -15
  233. package/lib/list/ListLayout/ListLayout.module.css +57 -57
  234. package/lib/list/ListStencils/ListStencils.module.css +67 -67
  235. package/lib/list/SecondaryText/SecondaryText.module.css +136 -136
  236. package/lib/list/SecondaryText/Website.js +0 -0
  237. package/lib/list/SecondryPanel/SecondryPanel.js +0 -0
  238. package/lib/list/SecondryPanel/SecondryPanel.module.css +5 -5
  239. package/lib/list/SentimentStatus/SentimentStatus.module.css +12 -12
  240. package/lib/list/Subject/Subject.module.css +27 -27
  241. package/lib/list/TagNew/TagNew.module.css +115 -115
  242. package/lib/list/Thread/Thread.module.css +42 -42
  243. package/lib/list/UserTime/UserTime.module.css +58 -58
  244. package/lib/list/listCommon.module.css +60 -60
  245. package/lib/list/status/StatusDropdown/StatusDropdown.js +44 -37
  246. package/lib/list/status/StatusDropdown/StatusDropdown.module.css +89 -89
  247. package/lib/list/status/StatusListItem/StatusListItem.js +0 -0
  248. package/lib/list/status/StatusListItem/StatusListItem.module.css +104 -104
  249. package/lib/lookup/EmptyPage/EmptyPage.js +0 -0
  250. package/lib/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
  251. package/lib/lookup/Lookup/Lookup.js +0 -0
  252. package/lib/lookup/Lookup/Lookup.module.css +26 -26
  253. package/lib/lookup/Section/LookupSection.module.css +8 -8
  254. package/lib/lookup/header/Close/LookupClose.module.css +15 -15
  255. package/lib/lookup/header/Search/LookupSearch.module.css +57 -57
  256. package/lib/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
  257. package/lib/lookup/header/Title/LookupTitle.module.css +20 -20
  258. package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +50 -50
  259. package/lib/lookup/header/lookupHeaderCommon.module.css +35 -35
  260. package/lib/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
  261. package/lib/setup/header/Button/HeaderButton.module.css +5 -5
  262. package/lib/setup/header/Link/HeaderLink.module.css +21 -21
  263. package/lib/setup/header/Search/Search.module.css +68 -68
  264. package/lib/setup/header/Views/Views.js +2 -2
  265. package/lib/setup/header/Views/Views.module.css +37 -37
  266. package/lib/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
  267. package/lib/setup/helptips/Link/HelpTipsLink.module.css +7 -7
  268. package/lib/setup/helptips/Link/Link.js +0 -0
  269. package/lib/setup/helptips/ListGroup/ListGroup.module.css +22 -22
  270. package/lib/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
  271. package/lib/setup/helptips/Title/Title.js +0 -0
  272. package/lib/setup/table/TableData/SetupTableData.module.css +44 -44
  273. package/lib/setup/table/TableData/Tablehover.module.css +6 -6
  274. package/lib/setup/table/TableHead/SetupTableHead.module.css +12 -12
  275. package/lib/setup/table/TableRow/SetupTableRow.module.css +14 -14
  276. package/lib/setup/table/Text/TableText.module.css +37 -37
  277. package/lib/setup/table/Text/Text.js +0 -0
  278. package/lib/svg/PlusIcon.js +1 -1
  279. package/lib/svg/SnippetIcon.js +2 -2
  280. package/lib/utils/General.js +0 -24
  281. package/lib/utils/KeyboardApi.js +25 -25
  282. package/lib/version2/AlertClose/AlertClose.module.css +42 -42
  283. package/lib/version2/GlobalNotification/GlobalNotification.module.css +124 -124
  284. package/lib/version2/alertIcons/AlertIcons.module.css +67 -67
  285. package/lib/version2/errorstate/V2_ErrorStates.module.css +46 -46
  286. package/lib/version2/lookup/AlertHeader/AlertHeaderNew.module.css +86 -86
  287. package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +43 -43
  288. package/lib/version2/lookup/alertLookupCommonNew.module.css +32 -32
  289. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +106 -106
  290. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -136
  291. package/package.json +81 -81
@@ -0,0 +1,531 @@
1
+ [data-mode='pureDark'], :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_smoke45);
15
+ --zdt_alertheader_default_text: var(--dot_platinum);
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: var(--dot_bittersweet);
20
+
21
+ /* alert lookup */
22
+ --zdt_alertlookup_innersection_text: var(--dot_platinum);
23
+
24
+ /* alphabetic list */
25
+ --zdt_alphabeticList_text: var(--dot_oslogrey);
26
+ --zdt_alphabeticList_hover_text: var(--zdt_cta_primary_text);
27
+
28
+ /* attachment */
29
+ --zdt_attachment_default_bg: #212121;
30
+ --zdt_attachment_default_border: var(--zdt_cta_grey_40_border);
31
+ --zdt_attachment_default_hover_border: var(--dot_oslogrey);
32
+ --zdt_attachment_hover_text: var(--dot_platinum);
33
+ --zdt_attachment_transparent_bg: var(--dot_mirror);
34
+ --zdt_attachment_size_text: var(--dot_cadetblue);
35
+ --zdt_attachment_download_bg: var(--zdt_cta_grey_20_bg);
36
+ --zdt_attachment_download_hover_bg: var(--dot_oslogrey);
37
+ --zdt_attachment_download_hover_text: #212121;
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: #212121;
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: var(--dot_platinum);
51
+
52
+ /* avatar icon */
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
+ --zdt_avatarIcon_smoke_icon: var(--zd_smoke18);
59
+ --zdt_avatarIcon_default_border: var(--zdt_cta_grey_40_border);
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
+ --zdt_avatarIcon_secondary_border: var(--zd_primarytrans);
64
+ --zdt_avatarIcon_secondary_hover_border: var(--zd_primarytrans);
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
+ --zdt_avatarIcon_danger_hover_border: #cc302d;
69
+
70
+ /* avatar status */
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
+
76
+ /* avatar thread */
77
+ --zdt_avatarthread_bg: var(--dot_mirage);
78
+ --zdt_avatarthread_default_border: var(--zdt_cta_grey_35_border);
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
+
87
+ /* avatar user */
88
+ --zdt_avataruser_default_bg: #212121;
89
+ --zdt_avataruser_delete_bg: var(--zd_dark9);
90
+ --zdt_avataruser_delete_text: #212121;
91
+
92
+ /* avatar with team */
93
+ --zdt_avatarteam_default_bg: #212121;
94
+
95
+ /* channel icon */
96
+ --zdt_channelIcon_icon: var(--dot_platinum);
97
+ --zdt_channelIcon_topIcon_bg: #212121;
98
+ --zdt_channelIcon_topIcon_iconGreen: var(--dot_darkmint);
99
+ --zdt_channelIcon_topIcon_iconYellow: var(--dot_bittersweet);
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: #212121;
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: var(--dot_platinum);
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: var(--dot_platinum);
114
+ --zdt_commonEmptyState_default_description: var(--dot_cadetblue);
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: #212121;
124
+ --zdt_emptystate_title_text: var(--dot_platinum);
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: 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: #212121;
146
+ --zdt_fields_phitag_border: rgba(38, 169, 66, 0.2);
147
+ --zdt_fields_newtabicon_icon: var(--dot_platinum);
148
+ --zdt_fields_newtabicon_hover_icon: var(--zdt_cta_primary_text);
149
+
150
+ /* form action */
151
+ --zdt_formAction_bg: #2b2b2b;
152
+ --zdt_formAction_border: #585858;
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: var(--dot_platinum);
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: var(--dot_platinum);
169
+ --zdt_importantnotes_icon: var(--dot_platinum);
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: #212121;
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: #212121;
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: var(--dot_platinum);
195
+
196
+ /* comment icon */
197
+ --zdt_comment_iconText: var(--dot_cadetblue);
198
+ --zdt_comment_hover_iconText: var(--dot_white);
199
+
200
+ /* department dropdown */
201
+ --zdt_departmentdropdown_default_text: var(--dot_oslogrey);
202
+ --zdt_departmentdropdown_default_hover_text: var(--dot_platinum);
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: #212121;
215
+ --zdt_gridstencils_default_border: #161515;
216
+ --zdt_gridstencils_after_bg: #2b2b2b;
217
+ --zdt_gridstencils_listbar_bg: #2b2b2b;
218
+ --zdt_gridstencils_listbar_gradient_bg: linear-gradient(to left, #383f55 0, #414961 20%, #414961 40%, #383f55 100%);
219
+
220
+ /* icons */
221
+ --zdt_icons_default: var(--dot_cadetblue);
222
+ --zdt_icons_hover_blue: var(--zdt_cta_primary_text);
223
+ --zdt_icons_hover_red: var(--dot_bittersweet);
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: var(--dot_oslogrey);
231
+
232
+ /* list stencils */
233
+ --zdt_liststencils_innercontainer_border: var(--zdt_cta_grey_15_border);
234
+
235
+ /* secondary text */
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
+ --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: var(--dot_platinum);
243
+ --zdt_secondaryText_secondaryText_text: var(--dot_cadetblue);
244
+
245
+ /* status dropdown */
246
+ --zdt_statusdropdown_line_border: var(--zdt_cta_grey_15_border);
247
+
248
+ /* status listitem */
249
+ --zdt_statuslistitem_list_text: var(--dot_platinum);
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: #212121;
256
+ --zdt_statuslistitem_tickicon: var(--zdt_cta_primary_text);
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
+
261
+ /* subject */
262
+ --zdt_subject_text: var(--dot_platinum);
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: var(--dot_cadetblue);
271
+ --zdt_thread_hover_iconText: var(--dot_white);
272
+
273
+ /* usertime */
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
+
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: var(--dot_cadetblue);
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: var(--dot_platinum);
293
+
294
+ /* lookup search */
295
+ --zdt_lookupsearch_boxstyle_border: var(--zdt_cta_grey_35_border);
296
+ --zdt_lookupsearch_boxstyle_hover_border: var(--dot_oslogrey);
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: var(--dot_platinum);
304
+ --zdt_lookuptitle_primary_text: var(--dot_butterflyblue);
305
+ --zdt_lookuptitle_danger_text: var(--dot_bittersweet);
306
+
307
+ /* view dropdown */
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
+
312
+ /* lookup section */
313
+ --zdt_lookupsection_bg: #2b2b2b;
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: #212121;
319
+ --zdt_message_success_bg: var(--dot_darkmint);
320
+ --zdt_message_alert_bg: var(--dot_bittersweet);
321
+ --zdt_message_info_bg: var(--zd_primary5);
322
+ --zdt_message_tickicon: #212121;
323
+ --zdt_message_close_text: var(--zd_dark6);
324
+
325
+ /* message banner */
326
+ --zdt_messagebanner_text: var(--dot_platinum);
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: #212121;
334
+
335
+ /* new star */
336
+ --zdt_newstar_green_text: var(--dot_darkmint);
337
+ --zdt_newstar_yellow_text: var(--zd_goldyellow);
338
+ --zdt_newstar_blue_text: var(--dot_butterflyblue);
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: var(--zd_dark6);
353
+ --zdt_search_input_text: var(--zd_dark4);
354
+ --zdt_search_input_bg: #212121;
355
+ --zdt_search_input_focus_border: var(--zdt_cta_primary_border);
356
+ --zdt_search_icon: var(--zd_dark6);
357
+ --zdt_search_hover_icon: var(--zd_dark5);
358
+ --zdt_search_placeholder_text: var(--zd_smoke12);
359
+
360
+ /* views */
361
+ --zdt_views_icon: var(--zd_dark6);
362
+ --zdt_views_border: var(--zd_smoke29);
363
+ --zdt_views_hover_icon: var(--zd_dark5);
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: var(--dot_platinum);
388
+ --zdt_tabletext_green_text: var(--zd_olive10);
389
+ --zdt_tabletext_danger_text: var(--dot_bittersweet);
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: #212121;
395
+ --zdt_toastmessage_alert_border: #585858;
396
+ --zdt_toastmessage_alert_text: var(--dot_platinum);
397
+ --zdt_toastmessage_alerttitle_text: var(--dot_white);
398
+ --zdt_toastmessage_popbutton_text: var(--dot_platinum);
399
+ --zdt_toastmessage_submit_border: #585858;
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: var(--dot_bittersweet);
404
+ --zdt_toastmessage_danger_hover_bg: var(--dot_bittersweet);
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: var(--dot_platinum);
411
+ --zdt_toastmessage_closeicon: var(--dot_oslogrey);
412
+ --zdt_toastmessage_closeicon_hover_bg: var(--zdt_cta_primary_hover_bg);
413
+ --zdt_toastmessage_closeicon_hover_text: var(--dot_oslogrey);
414
+ --zdt_toastmessage_dropdown_bg: #2b2b2b;
415
+ --zdt_toastmessage_dropdown_text: var(--zd_dark5);
416
+ --zdt_toastmessage_message_border: #585858;
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: #585858;
427
+ --zdt_upload_loader_night_bg: var(--dot_platinum);
428
+ --zdt_upload_attachsize_night_text: var(--dot_oslogrey);
429
+ --zdt_upload_uploadclose_night_bg: #585858;
430
+ --zdt_upload_uploadclose_night_text: var(--dot_oslogrey);
431
+ --zdt_upload_uploadclose_night_hover_text: #28373f;
432
+
433
+ /* common alerts */
434
+ --zdt_commonalert_default_border: var(--dot_bittersweet);
435
+ --zdt_commonalert_success_border: var(--dot_darkmint);
436
+ --zdt_commonalert_info_border: var(--zdt_cta_primary_border);
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
+ --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: var(--dot_unknown1);
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: #585858;
450
+ --zdt_commonalert_secondlayer_bg: #2e3642;
451
+ --zdt_commonalert_default_icon: var(--dot_bittersweet);
452
+ --zdt_commonalert_success_icon: var(--dot_darkmint);
453
+ --zdt_commonalert_info_icon: var(--zdt_cta_primary_border);
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
+
458
+ /* alert icons */
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
+
463
+ /* global notification */
464
+ --zdt_globalnotification_default_bg: #31323f;
465
+ --zdt_globalnotification_default_text: var(--dot_platinum);
466
+ --zdt_globalnotification_success_bg: #28373f;
467
+ --zdt_globalnotification_success_text: var(--dot_platinum);
468
+ --zdt_globalnotification_info_bg: var(--zdt_cta_primary_light_bg);
469
+ --zdt_globalnotification_info_text: var(--dot_platinum);
470
+ --zdt_globalnotification_danger_bg: #31323f;
471
+ --zdt_globalnotification_danger_text: var(--dot_platinum);
472
+ --zdt_globalnotification_error_bg: #31323f;
473
+ --zdt_globalnotification_error_text: var(--dot_platinum);
474
+ --zdt_globalnotification_warning_bg: #31333c;
475
+ --zdt_globalnotification_warning_text: var(--dot_platinum);
476
+ --zdt_globalnotification_default_box_shadow: rgba(0, 0, 0, 0.3);
477
+
478
+ /* alert lookup */
479
+ --zdt_alertlookup_bg: #2b2b2b;
480
+ --zdt_alertlookup_border: var(--zdt_cta_grey_15_border);
481
+ --zdt_alertlookuop_text: var(--dot_platinum);
482
+
483
+ /* alert lookup new */
484
+ --zdt_alertlookupnew_text: var(--dot_platinum);
485
+
486
+ /* tagsmultiselect */
487
+ --zdt_tagsmultiselect_labelt_text: var(--dot_cadetblue);
488
+ --zdt_tagsmultiselect_default_border: var(--dot_inputLine);
489
+ --zdt_tagsmultiselect_transparent_border: var(--dot_mirror);
490
+ --zdt_tagsmultiselect_dark_border: var(--dot_mulledwine);
491
+ --zdt_tagsmultiselect_default_hover_border: var(--dot_inputLineHover);
492
+ --zdt_tagsmultiselect_transparent_hover_border: var(--dot_inputLineHover);
493
+ --zdt_tagsmultiselect_dark_hover_border: var(--dot_stardust);
494
+ --zdt_tagsmultiselect_default_active_border: var(--dot_inputLineFocus);
495
+ --zdt_tagsmultiselect_transparent_active_border: var(--dot_inputLineFocus);
496
+ --zdt_tagsmultiselect_dark_active_border: var(--dot_stardust);
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: #212121;
512
+ --zdt_texteditor_night_text: var(--dot_platinum);
513
+
514
+ /* desktop notification */
515
+ --zdt_desktopnotification_bg: #2b2b2b;
516
+ --zdt_desktopnotification_text: var(--dot_platinum);
517
+ --zdt_desktopnotification_box_shadow: rgba(0, 0, 0, 0.4);
518
+
519
+ /* tagsmultiselect field */
520
+ --zdt_tagsmultiselectField_count_text: var(--dot_cadetblue);
521
+
522
+ /* attachment viewer */
523
+ --zdt_attachmentviewer_title_text: var(--dot_platinum);
524
+ --zdt_attachmentviewer_button_border: #161515;
525
+ --zdt_attachmentviewer_hover_border: var(--zdt_cta_grey_40_border);
526
+ --zdt_attachmentviewer_selected_border: var(--zdt_cta_primary_border);
527
+ --zdt_attachmentviewer_selected_after_bg: var(--dot_white);
528
+ --zdt_attachmentviewer_selected_box_shadow: rgba(0, 0, 0, 0.34);
529
+ --zdt_attachmentviewer_loader_border: #2a2e38;
530
+ --zdt_attachmentviewer_loader_border_top: #f3f3f3;
531
+ }
@@ -0,0 +1,16 @@
1
+ [data-mode='pureDark'][data-theme='blue'], :global(.bluePureDarkTheme) [data-desk-theme="blue"] {
2
+ /* freezelayer */
3
+ --zdt_freezelayer_darklight_bg: rgba(16, 16, 16, 0.9);
4
+
5
+ /* common empty state */
6
+ --zdt_commonEmptyState_dark_title: var(--dot_white);
7
+ --zdt_commonEmptyState_dark_description: var(--dot_white);
8
+ --zdt_commonEmptyState_dark_link: var(--dot_butterflyblue);
9
+ --zdt_commonEmptyState_dark_link_hover: #2469ff;
10
+
11
+ /* attachment viewer */
12
+ --zdt_attachmentviewer_header_bg: #101010;
13
+ --zdt_attachmentviewer_header_border: #161515;
14
+ --zdt_attachmentviewer_footer_bg: #101010;
15
+ --zdt_attachmentviewer_arrow_bg_hover: rgb(16 16 16 / 40%);
16
+ }
@@ -0,0 +1,16 @@
1
+ [data-mode='pureDark'][data-theme='green'] {
2
+ /* freezelayer */
3
+ --zdt_freezelayer_darklight_bg: rgba(16, 16, 16, 0.9);
4
+
5
+ /* common empty state */
6
+ --zdt_commonEmptyState_dark_title: var(--dot_white);
7
+ --zdt_commonEmptyState_dark_description: var(--dot_white);
8
+ --zdt_commonEmptyState_dark_link: #45a159;
9
+ --zdt_commonEmptyState_dark_link_hover: #0e7c1c;
10
+
11
+ /* attachment viewer */
12
+ --zdt_attachmentviewer_header_bg: #101010;
13
+ --zdt_attachmentviewer_header_border: #161515;
14
+ --zdt_attachmentviewer_footer_bg: #101010;
15
+ --zdt_attachmentviewer_arrow_bg_hover: rgb(16 16 16 / 40%);
16
+ }
@@ -0,0 +1,16 @@
1
+ [data-mode='pureDark'][data-theme='orange'] {
2
+ /* freezelayer */
3
+ --zdt_freezelayer_darklight_bg: rgba(16, 16, 16, 0.9);
4
+
5
+ /* common empty state */
6
+ --zdt_commonEmptyState_dark_title: var(--dot_white);
7
+ --zdt_commonEmptyState_dark_description: var(--dot_white);
8
+ --zdt_commonEmptyState_dark_link: var(--dot_cadmiumorange);
9
+ --zdt_commonEmptyState_dark_link_hover: #a85100;
10
+
11
+ /* attachment viewer */
12
+ --zdt_attachmentviewer_header_bg: #101010;
13
+ --zdt_attachmentviewer_header_border: #161515;
14
+ --zdt_attachmentviewer_footer_bg: #101010;
15
+ --zdt_attachmentviewer_arrow_bg_hover: rgb(16 16 16 / 40%);
16
+ }
@@ -0,0 +1,16 @@
1
+ [data-mode='pureDark'][data-theme='red'] {
2
+ /* freezelayer */
3
+ --zdt_freezelayer_darklight_bg: rgba(16, 16, 16, 0.9);
4
+
5
+ /* common empty state */
6
+ --zdt_commonEmptyState_dark_title: var(--dot_white);
7
+ --zdt_commonEmptyState_dark_description: var(--dot_white);
8
+ --zdt_commonEmptyState_dark_link: #e94f4f;
9
+ --zdt_commonEmptyState_dark_link_hover: #a81111;
10
+
11
+ /* attachment viewer */
12
+ --zdt_attachmentviewer_header_bg: #101010;
13
+ --zdt_attachmentviewer_header_border: #161515;
14
+ --zdt_attachmentviewer_footer_bg: #101010;
15
+ --zdt_attachmentviewer_arrow_bg_hover: rgb(16 16 16 / 40%);
16
+ }
@@ -0,0 +1,16 @@
1
+ [data-mode='pureDark'][data-theme='yellow'] {
2
+ /* freezelayer */
3
+ --zdt_freezelayer_darklight_bg: rgba(16, 16, 16, 0.9);
4
+
5
+ /* common empty state */
6
+ --zdt_commonEmptyState_dark_title: var(--dot_white);
7
+ --zdt_commonEmptyState_dark_description: var(--dot_white);
8
+ --zdt_commonEmptyState_dark_link: #d79835;
9
+ --zdt_commonEmptyState_dark_link_hover: #9b6808;
10
+
11
+ /* attachment viewer */
12
+ --zdt_attachmentviewer_header_bg: #101010;
13
+ --zdt_attachmentviewer_header_border: #161515;
14
+ --zdt_attachmentviewer_footer_bg: #101010;
15
+ --zdt_attachmentviewer_arrow_bg_hover: rgb(16 16 16 / 40%);
16
+ }