@zohodesk/dot 1.0.0-temp-128 → 1.0.0-temp-130
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.
- package/assets/Appearance/dark/mode/dotDarkMode.module.css +15 -13
- package/assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +9 -9
- package/assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css +9 -9
- package/assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +9 -9
- package/assets/Appearance/dark/themes/red/redDarkDotTheme.module.css +9 -9
- package/assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +9 -9
- package/assets/Appearance/default/mode/dotDefaultMode.module.css +15 -13
- package/assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +9 -9
- package/assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css +9 -9
- package/assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +9 -9
- package/assets/Appearance/default/themes/red/redDefaultDotTheme.module.css +9 -9
- package/assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +9 -9
- package/assets/Appearance/pureDark/mode/dotPureDarkMode.module.css +15 -13
- package/assets/Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css +9 -9
- package/assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css +9 -9
- package/assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css +9 -9
- package/assets/Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css +9 -9
- package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css +9 -9
- package/package.json +3 -3
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
--zdt_actionButton_primary_hover_border: var(--zdt_cta_primary_hover_border);
|
|
7
7
|
--zdt_actionButton_separator_border: var(--zdt_cta_secondary_border);
|
|
8
8
|
--zdt_actionButton_separator_hover_border: var(--zdt_cta_primary_border);
|
|
9
|
-
--zdt_actionButton_primaryFilled_text: var(--
|
|
9
|
+
--zdt_actionButton_primaryFilled_text: var(--zdt_m_cta_secondary_text_text);
|
|
10
10
|
--zdt_actionButton_primary_text: var(--zdt_cta_primary_text);
|
|
11
11
|
--zdt_actionButton_primary_hover_text: var(--zdt_cta_primary_text);
|
|
12
12
|
|
|
@@ -27,9 +27,11 @@
|
|
|
27
27
|
|
|
28
28
|
/* attachment */
|
|
29
29
|
--zdt_attachment_default_bg: hsl(217, 23%, calc(18% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
30
|
-
--zdt_attachment_default_border: var(--
|
|
30
|
+
--zdt_attachment_default_border: var(--zdt_m_cta_grey_40_border_border);
|
|
31
31
|
--zdt_attachment_default_text: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
32
32
|
--zdt_attachment_default_hover_border: hsl(217, 8%, calc(55% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
33
|
+
--zdt_attachment_download_bg: var(--zdt_cta_grey_10_bg);
|
|
34
|
+
--zdt_attachment_download_hover_bg: var(--zdt_cta_grey_35_bg);
|
|
33
35
|
--zdt_avataruser_delete_text: hsl(217, 23%, calc(18% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
34
36
|
|
|
35
37
|
/* avatar with team */
|
|
@@ -42,7 +44,7 @@
|
|
|
42
44
|
--zdt_avatarIcon_grey_icon: hsl(217, 14%, calc(70% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
43
45
|
--zdt_avatarIcon_success_icon: hsl(133, 48%, calc(52% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
44
46
|
--zdt_avatarIcon_smoke_icon: hsl(0, 0%, calc(67% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
45
|
-
--zdt_avatarIcon_default_border: var(--
|
|
47
|
+
--zdt_avatarIcon_default_border: var(--zdt_m_cta_grey_40_border_border);
|
|
46
48
|
--zdt_avatarIcon_default_hover_border: hsl(217, 8%, calc(55% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
47
49
|
--zdt_avatarIcon_primary_border: hsl(212, 100%, calc(64% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
48
50
|
--zdt_avatarIcon_primary_hover_border: hsl(213, 85%, calc(43% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
@@ -90,7 +92,7 @@
|
|
|
90
92
|
/* drawer */
|
|
91
93
|
--zdt_drawer_default_box_shadow: rgba(0, 0, 0, 0.4);
|
|
92
94
|
--zdt_drawer_default_bg: hsl(217, 23%, calc(18% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
93
|
-
--zdt_drawer_header_bg: var(--
|
|
95
|
+
--zdt_drawer_header_bg: var(--zdt_m_cta_grey_10_bg_bg);
|
|
94
96
|
--zdt_drawer_header_border: var(--zdt_cta_grey_35_border);
|
|
95
97
|
--zdt_drawer_title_text: hsl(210, 7%, calc(89% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
96
98
|
|
|
@@ -193,7 +195,7 @@
|
|
|
193
195
|
--zdt_dot_text: var(--zdt_cta_grey_40_text);
|
|
194
196
|
|
|
195
197
|
/* dot new */
|
|
196
|
-
--zdt_dotnew_default_bg: var(--
|
|
198
|
+
--zdt_dotnew_default_bg: var(--zdt_m_cta_primary_bg_bg);
|
|
197
199
|
--zdt_dotnew_default_box_shadow: rgba(10, 115, 235, 0.6);
|
|
198
200
|
--zdt_dotnew_animate_box_shadow: var(--dot_mirror);
|
|
199
201
|
--zdt_dotnew_animate_to_box_shadow: rgba(255, 255, 255, 0);
|
|
@@ -239,7 +241,7 @@
|
|
|
239
241
|
--zdt_statuslistitem_default_active_border: var(--zdt_cta_primary_border);
|
|
240
242
|
--zdt_statuslistitem_default_effect_bg: hsl(213, 27%, calc(24% + var(--zd_dark_bg_lValue)), calc( 0.45 + var(--zd_bg_alpha)));
|
|
241
243
|
--zdt_statuslistitem_primary_efffect_bg: var(--dot_listItemActive);
|
|
242
|
-
--zdt_statuslistitem_secondary_effect_bg: var(--
|
|
244
|
+
--zdt_statuslistitem_secondary_effect_bg: var(--zdt_m_cta_primary_bg_bg);
|
|
243
245
|
--zdt_statuslistitem_secondary_effect_text: hsl(217, 23%, calc(18% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
244
246
|
--zdt_statuslistitem_tickicon: var(--zdt_cta_primary_text);
|
|
245
247
|
--zdt_statuslistitem_black_bg: hsl(210, 7%, calc(89% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
@@ -250,9 +252,9 @@
|
|
|
250
252
|
--zdt_subject_text: hsl(210, 7%, calc(89% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
251
253
|
|
|
252
254
|
/* tag new */
|
|
253
|
-
--zdt_tagnew_default_bg: var(--
|
|
255
|
+
--zdt_tagnew_default_bg: var(--zdt_m_cta_primary_bg_bg);
|
|
254
256
|
--zdt_tagnew_default_box_shadow: var(--zdt_cta_primary_box_shadow);
|
|
255
|
-
--zdt_tagnew_default_text: var(--
|
|
257
|
+
--zdt_tagnew_default_text: var(--zdt_m_cta_secondary_text_text);
|
|
256
258
|
|
|
257
259
|
/* thread */
|
|
258
260
|
--zdt_thread_iconText: hsl(217, 14%, calc(70% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
@@ -269,7 +271,7 @@
|
|
|
269
271
|
--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%);
|
|
270
272
|
|
|
271
273
|
/* lookup header common */
|
|
272
|
-
--zdt_lookupheader_default_bg: var(--
|
|
274
|
+
--zdt_lookupheader_default_bg: var(--zdt_m_cta_grey_10_bg_bg);
|
|
273
275
|
--zdt_lookupheader_white_bg: hsl(217, 23%, calc(18% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
274
276
|
--zdt_lookupheader_default_border: var(--zdt_cta_grey_35_border);
|
|
275
277
|
--zdt_lookupheader_white_border: hsl(223, 22%, calc(28% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
@@ -329,7 +331,7 @@
|
|
|
329
331
|
|
|
330
332
|
/* plus icon */
|
|
331
333
|
--zdt_plusicon_box_shadow: var(--zdt_cta_primary_box_shadow);
|
|
332
|
-
--zdt_plusicon_bg: var(--
|
|
334
|
+
--zdt_plusicon_bg: var(--zdt_m_cta_primary_light_bg_bg);
|
|
333
335
|
--zdt_plusicon_border: var(--zdt_cta_primary_light_border);
|
|
334
336
|
--zdt_plusicon_hover_border: var(--zdt_cta_primary_light_border);
|
|
335
337
|
--zdt_plusicon_text: var(--zdt_cta_primary_text);
|
|
@@ -406,7 +408,7 @@
|
|
|
406
408
|
--zdt_toastmessage_popbutton_text: hsl(210, 7%, calc(89% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
407
409
|
--zdt_toastmessage_submit_border: hsl(223, 22%, calc(28% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
408
410
|
--zdt_toastmessage_primary_text: var(--zdt_cta_primary_text);
|
|
409
|
-
--zdt_toastmessage_primary_hover_bg: var(--
|
|
411
|
+
--zdt_toastmessage_primary_hover_bg: var(--zdt_m_cta_primary_bg_bg);
|
|
410
412
|
--zdt_toastmessage_primary_hover_text: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
411
413
|
--zdt_toastmessage_danger_text: hsl(0, 100%, calc(71% + var(--zd_dark_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
|
|
412
414
|
--zdt_toastmessage_danger_hover_bg: hsl(0, 100%, calc(71% + var(--zd_dark_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
@@ -417,7 +419,7 @@
|
|
|
417
419
|
--zdt_toastmessage_successplain_text: hsl(141, 54%, calc(50% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
418
420
|
--zdt_toastmessage_cancel_hover_text: hsl(210, 7%, calc(89% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
419
421
|
--zdt_toastmessage_closeicon: hsl(217, 8%, calc(55% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
420
|
-
--zdt_toastmessage_closeicon_hover_bg: var(--
|
|
422
|
+
--zdt_toastmessage_closeicon_hover_bg: var(--zdt_m_cta_primary_hover_bg_bg);
|
|
421
423
|
--zdt_toastmessage_closeicon_hover_text: hsl(217, 8%, calc(55% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
422
424
|
--zdt_toastmessage_dropdown_bg: hsl(217, 23%, calc(19% + var(--zd_dark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
|
|
423
425
|
--zdt_toastmessage_dropdown_text: hsl(0, 0%, calc(40% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
@@ -530,7 +532,7 @@
|
|
|
530
532
|
/* attachment viewer */
|
|
531
533
|
--zdt_attachmentviewer_title_text: hsl(210, 7%, calc(89% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
532
534
|
--zdt_attachmentviewer_button_border: hsl(218, 23%, calc(23% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
533
|
-
--zdt_attachmentviewer_hover_border: var(--
|
|
535
|
+
--zdt_attachmentviewer_hover_border: var(--zdt_m_cta_grey_40_border_border);
|
|
534
536
|
--zdt_attachmentviewer_selected_border: var(--zdt_cta_primary_border);
|
|
535
537
|
--zdt_attachmentviewer_selected_after_bg: hsl(0, 0%, calc(100% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
536
538
|
--zdt_attachmentviewer_selected_box_shadow: rgba(0, 0, 0, 0.34);
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
[data-mode='dark'][data-theme='blue'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsl(218, 23%, calc(14% + var(--
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsl(212, 100%, calc(64% + var(--
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsl(221, 100%, calc(57% + var(--
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsl(212, 100%, calc(64% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsl(221, 100%, calc(57% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
10
10
|
|
|
11
11
|
/* attachment viewer */
|
|
12
|
-
--zdt_attachmentviewer_header_bg: hsl(218, 23%, calc(14% + var(--
|
|
13
|
-
--zdt_attachmentviewer_header_border: hsl(218, 23%, calc(23% + var(--
|
|
14
|
-
--zdt_attachmentviewer_footer_bg: hsl(218, 23%, calc(14% + var(--
|
|
15
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsl(218, 23%, calc(14% + var(--
|
|
12
|
+
--zdt_attachmentviewer_header_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
13
|
+
--zdt_attachmentviewer_header_border: hsl(218, 23%, calc(23% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
14
|
+
--zdt_attachmentviewer_footer_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
15
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( + var(--zd_bg_alpha)));
|
|
16
16
|
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
[data-mode='dark'][data-theme='green'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsl(218, 23%, calc(14% + var(--
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsl(133, 40%, calc(45% + var(--
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsl(128, 80%, calc(27% + var(--
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsl(133, 40%, calc(45% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsl(128, 80%, calc(27% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
10
10
|
|
|
11
11
|
/* attachment viewer */
|
|
12
|
-
--zdt_attachmentviewer_header_bg: hsl(218, 23%, calc(14% + var(--
|
|
13
|
-
--zdt_attachmentviewer_header_border: hsl(218, 23%, calc(23% + var(--
|
|
14
|
-
--zdt_attachmentviewer_footer_bg: hsl(218, 23%, calc(14% + var(--
|
|
15
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsl(218, 23%, calc(14% + var(--
|
|
12
|
+
--zdt_attachmentviewer_header_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
13
|
+
--zdt_attachmentviewer_header_border: hsl(218, 23%, calc(23% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
14
|
+
--zdt_attachmentviewer_footer_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
15
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( + var(--zd_bg_alpha)));
|
|
16
16
|
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
[data-mode='dark'][data-theme='orange'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsl(218, 23%, calc(14% + var(--
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsl(26, 100%, calc(56% + var(--
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsl(29, 100%, calc(33% + var(--
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsl(26, 100%, calc(56% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsl(29, 100%, calc(33% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
10
10
|
|
|
11
11
|
/* attachment viewer */
|
|
12
|
-
--zdt_attachmentviewer_header_bg: hsl(218, 23%, calc(14% + var(--
|
|
13
|
-
--zdt_attachmentviewer_header_border: hsl(218, 23%, calc(23% + var(--
|
|
14
|
-
--zdt_attachmentviewer_footer_bg: hsl(218, 23%, calc(14% + var(--
|
|
15
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsl(218, 23%, calc(14% + var(--
|
|
12
|
+
--zdt_attachmentviewer_header_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
13
|
+
--zdt_attachmentviewer_header_border: hsl(218, 23%, calc(23% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
14
|
+
--zdt_attachmentviewer_footer_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
15
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( + var(--zd_bg_alpha)));
|
|
16
16
|
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
[data-mode='dark'][data-theme='red'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsl(218, 23%, calc(14% + var(--
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsl(0, 78%, calc(61% + var(--
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsl(0, 82%, calc(36% + var(--
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsl(0, 78%, calc(61% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsl(0, 82%, calc(36% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
10
10
|
|
|
11
11
|
/* attachment viewer */
|
|
12
|
-
--zdt_attachmentviewer_header_bg: hsl(218, 23%, calc(14% + var(--
|
|
13
|
-
--zdt_attachmentviewer_header_border: hsl(218, 23%, calc(23% + var(--
|
|
14
|
-
--zdt_attachmentviewer_footer_bg: hsl(218, 23%, calc(14% + var(--
|
|
15
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsl(218, 23%, calc(14% + var(--
|
|
12
|
+
--zdt_attachmentviewer_header_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
13
|
+
--zdt_attachmentviewer_header_border: hsl(218, 23%, calc(23% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
14
|
+
--zdt_attachmentviewer_footer_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
15
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( + var(--zd_bg_alpha)));
|
|
16
16
|
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
[data-mode='dark'][data-theme='yellow'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsl(218, 23%, calc(14% + var(--
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsl(37, 67%, calc(53% + var(--
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsl(39, 90%, calc(32% + var(--
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsl(37, 67%, calc(53% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsl(39, 90%, calc(32% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
10
10
|
|
|
11
11
|
/* attachment viewer */
|
|
12
|
-
--zdt_attachmentviewer_header_bg: hsl(218, 23%, calc(14% + var(--
|
|
13
|
-
--zdt_attachmentviewer_header_border: hsl(218, 23%, calc(23% + var(--
|
|
14
|
-
--zdt_attachmentviewer_footer_bg: hsl(218, 23%, calc(14% + var(--
|
|
15
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsl(218, 23%, calc(14% + var(--
|
|
12
|
+
--zdt_attachmentviewer_header_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
13
|
+
--zdt_attachmentviewer_header_border: hsl(218, 23%, calc(23% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
14
|
+
--zdt_attachmentviewer_footer_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
15
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( + var(--zd_bg_alpha)));
|
|
16
16
|
}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
--zdt_actionButton_primary_hover_border: var(--zdt_cta_primary_hover_border);
|
|
7
7
|
--zdt_actionButton_separator_border: var(--zdt_cta_secondary_border);
|
|
8
8
|
--zdt_actionButton_separator_hover_border: var(--zdt_cta_primary_border);
|
|
9
|
-
--zdt_actionButton_primaryFilled_text: var(--
|
|
9
|
+
--zdt_actionButton_primaryFilled_text: var(--zdt_m_cta_secondary_text_text);
|
|
10
10
|
--zdt_actionButton_primary_text: var(--zdt_cta_primary_text);
|
|
11
11
|
--zdt_actionButton_primary_hover_text: var(--zdt_cta_primary_hover_text);
|
|
12
12
|
|
|
@@ -27,9 +27,11 @@
|
|
|
27
27
|
|
|
28
28
|
/* attachment */
|
|
29
29
|
--zdt_attachment_default_bg: hsl(0, 0%, calc(100% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
30
|
-
--zdt_attachment_default_border: var(--
|
|
30
|
+
--zdt_attachment_default_border: var(--zdt_m_cta_grey_40_border_border);
|
|
31
31
|
--zdt_attachment_default_text: hsl(0, 0%, calc(0% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
32
32
|
--zdt_attachment_default_hover_border: hsl(218, 10%, calc(52% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
33
|
+
--zdt_attachment_download_bg: var(--zdt_cta_grey_10_bg);
|
|
34
|
+
--zdt_attachment_download_hover_bg: var(--zdt_cta_grey_35_bg);
|
|
33
35
|
--zdt_avataruser_delete_text: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
34
36
|
|
|
35
37
|
/* avatar with team */
|
|
@@ -42,7 +44,7 @@
|
|
|
42
44
|
--zdt_avatarIcon_grey_icon: hsl(220, 10%, calc(39% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
43
45
|
--zdt_avatarIcon_success_icon: hsl(133, 63%, calc(41% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
44
46
|
--zdt_avatarIcon_smoke_icon: hsl(0, 0%, calc(67% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
45
|
-
--zdt_avatarIcon_default_border: var(--
|
|
47
|
+
--zdt_avatarIcon_default_border: var(--zdt_m_cta_grey_40_border_border);
|
|
46
48
|
--zdt_avatarIcon_default_hover_border: hsl(218, 10%, calc(52% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
47
49
|
--zdt_avatarIcon_primary_border: hsl(212, 92%, calc(48% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
48
50
|
--zdt_avatarIcon_primary_hover_border: hsl(213, 100%, calc(36% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
@@ -90,7 +92,7 @@
|
|
|
90
92
|
/* drawer */
|
|
91
93
|
--zdt_drawer_default_box_shadow: rgba(0, 0, 0, 0.176);
|
|
92
94
|
--zdt_drawer_default_bg: hsl(0, 0%, calc(100% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
93
|
-
--zdt_drawer_header_bg: var(--
|
|
95
|
+
--zdt_drawer_header_bg: var(--zdt_m_cta_grey_10_bg_bg);
|
|
94
96
|
--zdt_drawer_header_border: var(--zdt_cta_grey_35_border);
|
|
95
97
|
--zdt_drawer_title_text: hsl(0, 0%, calc(0% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
96
98
|
|
|
@@ -193,7 +195,7 @@
|
|
|
193
195
|
--zdt_dot_text: var(--zdt_cta_grey_40_text);
|
|
194
196
|
|
|
195
197
|
/* dot new */
|
|
196
|
-
--zdt_dotnew_default_bg: var(--
|
|
198
|
+
--zdt_dotnew_default_bg: var(--zdt_m_cta_primary_bg_bg);
|
|
197
199
|
--zdt_dotnew_default_box_shadow: rgba(10, 115, 235, 0.6);
|
|
198
200
|
--zdt_dotnew_animate_box_shadow: var(--dot_mirror);
|
|
199
201
|
--zdt_dotnew_animate_to_box_shadow: rgba(255, 255, 255, 0);
|
|
@@ -239,7 +241,7 @@
|
|
|
239
241
|
--zdt_statuslistitem_default_active_border: var(--zdt_cta_primary_border);
|
|
240
242
|
--zdt_statuslistitem_default_effect_bg: var(--dot_listItemHover);
|
|
241
243
|
--zdt_statuslistitem_primary_efffect_bg: var(--dot_listItemActive);
|
|
242
|
-
--zdt_statuslistitem_secondary_effect_bg: var(--
|
|
244
|
+
--zdt_statuslistitem_secondary_effect_bg: var(--zdt_m_cta_primary_bg_bg);
|
|
243
245
|
--zdt_statuslistitem_secondary_effect_text: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
244
246
|
--zdt_statuslistitem_tickicon: var(--zdt_cta_primary_text);
|
|
245
247
|
--zdt_statuslistitem_black_bg: hsl(0, 0%, calc(0% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
@@ -250,9 +252,9 @@
|
|
|
250
252
|
--zdt_subject_text: hsl(0, 0%, calc(0% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
251
253
|
|
|
252
254
|
/* tag new */
|
|
253
|
-
--zdt_tagnew_default_bg: var(--
|
|
255
|
+
--zdt_tagnew_default_bg: var(--zdt_m_cta_primary_bg_bg);
|
|
254
256
|
--zdt_tagnew_default_box_shadow: var(--zdt_cta_primary_box_shadow);
|
|
255
|
-
--zdt_tagnew_default_text: var(--
|
|
257
|
+
--zdt_tagnew_default_text: var(--zdt_m_cta_secondary_text_text);
|
|
256
258
|
|
|
257
259
|
/* thread */
|
|
258
260
|
--zdt_thread_iconText: hsl(220, 10%, calc(39% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
@@ -269,7 +271,7 @@
|
|
|
269
271
|
--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%);
|
|
270
272
|
|
|
271
273
|
/* lookup header common */
|
|
272
|
-
--zdt_lookupheader_default_bg: var(--
|
|
274
|
+
--zdt_lookupheader_default_bg: var(--zdt_m_cta_grey_10_bg_bg);
|
|
273
275
|
--zdt_lookupheader_white_bg: hsl(0, 0%, calc(100% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
274
276
|
--zdt_lookupheader_default_border: var(--zdt_cta_grey_35_border);
|
|
275
277
|
--zdt_lookupheader_white_border: var(--zdt_cta_grey_15_border);
|
|
@@ -329,7 +331,7 @@
|
|
|
329
331
|
|
|
330
332
|
/* plus icon */
|
|
331
333
|
--zdt_plusicon_box_shadow: var(--zdt_cta_primary_box_shadow);
|
|
332
|
-
--zdt_plusicon_bg: var(--
|
|
334
|
+
--zdt_plusicon_bg: var(--zdt_m_cta_primary_light_bg_bg);
|
|
333
335
|
--zdt_plusicon_border: var(--zdt_cta_primary_light_border);
|
|
334
336
|
--zdt_plusicon_hover_border: var(--zdt_cta_primary_light_border);
|
|
335
337
|
--zdt_plusicon_text: var(--zdt_cta_primary_text);
|
|
@@ -406,7 +408,7 @@
|
|
|
406
408
|
--zdt_toastmessage_popbutton_text: hsl(0, 0%, calc(67% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
407
409
|
--zdt_toastmessage_submit_border: hsl(0, 0%, calc(93% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
408
410
|
--zdt_toastmessage_primary_text: var(--zdt_cta_primary_text);
|
|
409
|
-
--zdt_toastmessage_primary_hover_bg: var(--
|
|
411
|
+
--zdt_toastmessage_primary_hover_bg: var(--zdt_m_cta_primary_bg_bg);
|
|
410
412
|
--zdt_toastmessage_primary_hover_text: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
411
413
|
--zdt_toastmessage_danger_text: hsl(0, 72%, calc(54% + var(--zd_default_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
|
|
412
414
|
--zdt_toastmessage_danger_hover_bg: hsl(0, 72%, calc(54% + var(--zd_default_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
@@ -417,7 +419,7 @@
|
|
|
417
419
|
--zdt_toastmessage_successplain_text: hsl(141, 54%, calc(50% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
418
420
|
--zdt_toastmessage_cancel_hover_text: hsl(0, 0%, calc(0% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
419
421
|
--zdt_toastmessage_closeicon: hsl(0, 0%, calc(47% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
420
|
-
--zdt_toastmessage_closeicon_hover_bg: var(--
|
|
422
|
+
--zdt_toastmessage_closeicon_hover_bg: var(--zdt_m_cta_primary_hover_bg_bg);
|
|
421
423
|
--zdt_toastmessage_closeicon_hover_text: hsl(0, 0%, calc(13% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
422
424
|
--zdt_toastmessage_dropdown_bg: hsl(0, 0%, calc(98% + var(--zd_default_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
|
|
423
425
|
--zdt_toastmessage_dropdown_text: hsl(0, 0%, calc(40% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
@@ -530,7 +532,7 @@
|
|
|
530
532
|
/* attachment viewer */
|
|
531
533
|
--zdt_attachmentviewer_title_text: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
532
534
|
--zdt_attachmentviewer_button_border: var(--zdt_cta_grey_35_border);
|
|
533
|
-
--zdt_attachmentviewer_hover_border: var(--
|
|
535
|
+
--zdt_attachmentviewer_hover_border: var(--zdt_m_cta_grey_40_border_border);
|
|
534
536
|
--zdt_attachmentviewer_selected_border: var(--zdt_cta_primary_border);
|
|
535
537
|
--zdt_attachmentviewer_selected_after_bg: hsl(0, 0%, calc(100% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
536
538
|
--zdt_attachmentviewer_selected_box_shadow: rgba(0, 0, 0, 0.34);
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
[data-mode='default'][data-theme='blue'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsl(227, 27%, calc(24% + var(--
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsl(227, 27%, calc(24% + var(--zd_default_bg_lValue)), calc( 0.94 + var(--zd_bg_alpha)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsl(207, 96%, calc(71% + var(--
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsl(221, 100%, calc(57% + var(--
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsl(207, 96%, calc(71% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsl(221, 100%, calc(57% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
10
10
|
|
|
11
11
|
/* attachment viewer */
|
|
12
|
-
--zdt_attachmentviewer_header_bg: hsl(227, 27%, calc(24% + var(--
|
|
13
|
-
--zdt_attachmentviewer_header_border: hsl(228, 18%, calc(32% + var(--
|
|
14
|
-
--zdt_attachmentviewer_footer_bg: hsl(227, 27%, calc(24% + var(--
|
|
15
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsl(227, 27%, calc(24% + var(--
|
|
12
|
+
--zdt_attachmentviewer_header_bg: hsl(227, 27%, calc(24% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
13
|
+
--zdt_attachmentviewer_header_border: hsl(228, 18%, calc(32% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
14
|
+
--zdt_attachmentviewer_footer_bg: hsl(227, 27%, calc(24% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
15
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsl(227, 27%, calc(24% + var(--zd_default_bg_lValue)), calc( + var(--zd_bg_alpha)));
|
|
16
16
|
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
[data-mode='default'][data-theme='green'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsl(190, 43%, calc(10% + var(--
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsl(190, 43%, calc(10% + var(--zd_default_bg_lValue)), calc( 0.94 + var(--zd_bg_alpha)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsl(133, 48%, calc(52% + var(--
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsl(134, 79%, calc(26% + var(--
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsl(133, 48%, calc(52% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsl(134, 79%, calc(26% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
10
10
|
|
|
11
11
|
/* attachment viewer */
|
|
12
|
-
--zdt_attachmentviewer_header_bg: hsl(190, 43%, calc(10% + var(--
|
|
13
|
-
--zdt_attachmentviewer_header_border: hsl(190, 37%, calc(16% + var(--
|
|
14
|
-
--zdt_attachmentviewer_footer_bg: hsl(190, 43%, calc(10% + var(--
|
|
15
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsl(190, 43%, calc(10% + var(--
|
|
12
|
+
--zdt_attachmentviewer_header_bg: hsl(190, 43%, calc(10% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
13
|
+
--zdt_attachmentviewer_header_border: hsl(190, 37%, calc(16% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
14
|
+
--zdt_attachmentviewer_footer_bg: hsl(190, 43%, calc(10% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
15
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsl(190, 43%, calc(10% + var(--zd_default_bg_lValue)), calc( + var(--zd_bg_alpha)));
|
|
16
16
|
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
[data-mode='default'][data-theme='orange'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsl(39, 31%, calc(11% + var(--
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsl(39, 31%, calc(11% + var(--zd_default_bg_lValue)), calc( 0.94 + var(--zd_bg_alpha)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsl(28, 82%, calc(49% + var(--
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsl(30, 100%, calc(35% + var(--
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsl(28, 82%, calc(49% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsl(30, 100%, calc(35% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
10
10
|
|
|
11
11
|
/* attachment viewer */
|
|
12
|
-
--zdt_attachmentviewer_header_bg: hsl(39, 31%, calc(11% + var(--
|
|
13
|
-
--zdt_attachmentviewer_header_border: hsl(54, 46%, calc(12% + var(--
|
|
14
|
-
--zdt_attachmentviewer_footer_bg: hsl(39, 31%, calc(11% + var(--
|
|
15
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsl(39, 31%, calc(11% + var(--
|
|
12
|
+
--zdt_attachmentviewer_header_bg: hsl(39, 31%, calc(11% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
13
|
+
--zdt_attachmentviewer_header_border: hsl(54, 46%, calc(12% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
14
|
+
--zdt_attachmentviewer_footer_bg: hsl(39, 31%, calc(11% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
15
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsl(39, 31%, calc(11% + var(--zd_default_bg_lValue)), calc( + var(--zd_bg_alpha)));
|
|
16
16
|
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
[data-mode='default'][data-theme='red'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsl(322, 39%, calc(10% + var(--
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsl(322, 39%, calc(10% + var(--zd_default_bg_lValue)), calc( 0.94 + var(--zd_bg_alpha)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsl(0, 100%, calc(69% + var(--
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsl(1, 75%, calc(38% + var(--
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsl(0, 100%, calc(69% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsl(1, 75%, calc(38% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
10
10
|
|
|
11
11
|
/* attachment viewer */
|
|
12
|
-
--zdt_attachmentviewer_header_bg: hsl(322, 39%, calc(10% + var(--
|
|
13
|
-
--zdt_attachmentviewer_header_border: hsl(351, 23%, calc(16% + var(--
|
|
14
|
-
--zdt_attachmentviewer_footer_bg: hsl(322, 39%, calc(10% + var(--
|
|
15
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsl(322, 39%, calc(10% + var(--
|
|
12
|
+
--zdt_attachmentviewer_header_bg: hsl(322, 39%, calc(10% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
13
|
+
--zdt_attachmentviewer_header_border: hsl(351, 23%, calc(16% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
14
|
+
--zdt_attachmentviewer_footer_bg: hsl(322, 39%, calc(10% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
15
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsl(322, 39%, calc(10% + var(--zd_default_bg_lValue)), calc( + var(--zd_bg_alpha)));
|
|
16
16
|
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
[data-mode='default'][data-theme='yellow'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsl(67, 33%, calc(11% + var(--
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsl(67, 33%, calc(11% + var(--zd_default_bg_lValue)), calc( 0.94 + var(--zd_bg_alpha)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsl(46, 81%, calc(52% + var(--
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsl(48, 100%, calc(35% + var(--
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsl(46, 81%, calc(52% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsl(48, 100%, calc(35% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
10
10
|
|
|
11
11
|
/* attachment viewer */
|
|
12
|
-
--zdt_attachmentviewer_header_bg: hsl(67, 33%, calc(11% + var(--
|
|
13
|
-
--zdt_attachmentviewer_header_border: hsl(0, 0%, calc(100% + var(--
|
|
14
|
-
--zdt_attachmentviewer_footer_bg: hsl(67, 33%, calc(11% + var(--
|
|
15
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsl(67, 33%, calc(11% + var(--
|
|
12
|
+
--zdt_attachmentviewer_header_bg: hsl(67, 33%, calc(11% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
13
|
+
--zdt_attachmentviewer_header_border: hsl(0, 0%, calc(100% + var(--zd_default_border_lValue)), calc( 0.08 + var(--zd_alpha)));
|
|
14
|
+
--zdt_attachmentviewer_footer_bg: hsl(67, 33%, calc(11% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
15
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsl(67, 33%, calc(11% + var(--zd_default_bg_lValue)), calc( + var(--zd_bg_alpha)));
|
|
16
16
|
}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
--zdt_actionButton_primary_hover_border: var(--zdt_cta_primary_hover_border);
|
|
7
7
|
--zdt_actionButton_separator_border: var(--zdt_cta_secondary_border);
|
|
8
8
|
--zdt_actionButton_separator_hover_border: var(--zdt_cta_primary_border);
|
|
9
|
-
--zdt_actionButton_primaryFilled_text: var(--
|
|
9
|
+
--zdt_actionButton_primaryFilled_text: var(--zdt_m_cta_secondary_text_text);
|
|
10
10
|
--zdt_actionButton_primary_text: var(--zdt_cta_primary_text);
|
|
11
11
|
--zdt_actionButton_primary_hover_text: var(--zdt_cta_primary_text);
|
|
12
12
|
|
|
@@ -27,9 +27,11 @@
|
|
|
27
27
|
|
|
28
28
|
/* attachment */
|
|
29
29
|
--zdt_attachment_default_bg: hsl(0, 0%, calc(13% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
30
|
-
--zdt_attachment_default_border: var(--
|
|
30
|
+
--zdt_attachment_default_border: var(--zdt_m_cta_grey_40_border_border);
|
|
31
31
|
--zdt_attachment_default_text: hsl(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
32
32
|
--zdt_attachment_default_hover_border: hsl(217, 8%, calc(55% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
33
|
+
--zdt_attachment_download_bg: var(--zdt_cta_grey_10_bg);
|
|
34
|
+
--zdt_attachment_download_hover_bg: var(--zdt_cta_grey_35_bg);
|
|
33
35
|
--zdt_avataruser_delete_text: hsl(0, 0%, calc(13% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
34
36
|
|
|
35
37
|
/* avatar with team */
|
|
@@ -42,7 +44,7 @@
|
|
|
42
44
|
--zdt_avatarIcon_grey_icon: hsl(0, 0%, calc(60% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
43
45
|
--zdt_avatarIcon_success_icon: hsl(133, 48%, calc(52% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
44
46
|
--zdt_avatarIcon_smoke_icon: hsl(0, 0%, calc(67% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
45
|
-
--zdt_avatarIcon_default_border: var(--
|
|
47
|
+
--zdt_avatarIcon_default_border: var(--zdt_m_cta_grey_40_border_border);
|
|
46
48
|
--zdt_avatarIcon_default_hover_border: hsl(217, 8%, calc(55% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
47
49
|
--zdt_avatarIcon_primary_border: hsl(212, 100%, calc(64% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
48
50
|
--zdt_avatarIcon_primary_hover_border: hsl(213, 85%, calc(43% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
@@ -90,7 +92,7 @@
|
|
|
90
92
|
/* drawer */
|
|
91
93
|
--zdt_drawer_default_box_shadow: rgba(0, 0, 0, 0.4);
|
|
92
94
|
--zdt_drawer_default_bg: hsl(0, 0%, calc(13% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
93
|
-
--zdt_drawer_header_bg: var(--
|
|
95
|
+
--zdt_drawer_header_bg: var(--zdt_m_cta_grey_10_bg_bg);
|
|
94
96
|
--zdt_drawer_header_border: hsl(0, 2%, calc(8% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
95
97
|
--zdt_drawer_title_text: hsl(210, 7%, calc(89% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
96
98
|
|
|
@@ -193,7 +195,7 @@
|
|
|
193
195
|
--zdt_dot_text: var(--zdt_cta_grey_40_text);
|
|
194
196
|
|
|
195
197
|
/* dot new */
|
|
196
|
-
--zdt_dotnew_default_bg: var(--
|
|
198
|
+
--zdt_dotnew_default_bg: var(--zdt_m_cta_primary_bg_bg);
|
|
197
199
|
--zdt_dotnew_default_box_shadow: rgba(10, 115, 235, 0.6);
|
|
198
200
|
--zdt_dotnew_animate_box_shadow: var(--dot_mirror);
|
|
199
201
|
--zdt_dotnew_animate_to_box_shadow: rgba(255, 255, 255, 0);
|
|
@@ -239,7 +241,7 @@
|
|
|
239
241
|
--zdt_statuslistitem_default_active_border: var(--zdt_cta_primary_border);
|
|
240
242
|
--zdt_statuslistitem_default_effect_bg: hsl(0, 0%, calc(15% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
241
243
|
--zdt_statuslistitem_primary_efffect_bg: var(--dot_listItemActive);
|
|
242
|
-
--zdt_statuslistitem_secondary_effect_bg: var(--
|
|
244
|
+
--zdt_statuslistitem_secondary_effect_bg: var(--zdt_m_cta_primary_bg_bg);
|
|
243
245
|
--zdt_statuslistitem_secondary_effect_text: hsl(0, 0%, calc(13% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
244
246
|
--zdt_statuslistitem_tickicon: var(--zdt_cta_primary_text);
|
|
245
247
|
--zdt_statuslistitem_black_bg: hsl(210, 7%, calc(89% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
@@ -250,9 +252,9 @@
|
|
|
250
252
|
--zdt_subject_text: hsl(210, 7%, calc(89% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
251
253
|
|
|
252
254
|
/* tag new */
|
|
253
|
-
--zdt_tagnew_default_bg: var(--
|
|
255
|
+
--zdt_tagnew_default_bg: var(--zdt_m_cta_primary_bg_bg);
|
|
254
256
|
--zdt_tagnew_default_box_shadow: var(--zdt_cta_primary_box_shadow);
|
|
255
|
-
--zdt_tagnew_default_text: var(--
|
|
257
|
+
--zdt_tagnew_default_text: var(--zdt_m_cta_secondary_text_text);
|
|
256
258
|
|
|
257
259
|
/* thread */
|
|
258
260
|
--zdt_thread_iconText: hsl(0, 0%, calc(60% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
@@ -269,7 +271,7 @@
|
|
|
269
271
|
--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%);
|
|
270
272
|
|
|
271
273
|
/* lookup header common */
|
|
272
|
-
--zdt_lookupheader_default_bg: var(--
|
|
274
|
+
--zdt_lookupheader_default_bg: var(--zdt_m_cta_grey_10_bg_bg);
|
|
273
275
|
--zdt_lookupheader_white_bg: hsl(0, 0%, calc(13% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
274
276
|
--zdt_lookupheader_default_border: hsl(0, 2%, calc(8% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
275
277
|
--zdt_lookupheader_white_border: hsl(223, 22%, calc(28% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
@@ -329,7 +331,7 @@
|
|
|
329
331
|
|
|
330
332
|
/* plus icon */
|
|
331
333
|
--zdt_plusicon_box_shadow: var(--zdt_cta_primary_box_shadow);
|
|
332
|
-
--zdt_plusicon_bg: var(--
|
|
334
|
+
--zdt_plusicon_bg: var(--zdt_m_cta_primary_light_bg_bg);
|
|
333
335
|
--zdt_plusicon_border: var(--zdt_cta_primary_light_border);
|
|
334
336
|
--zdt_plusicon_hover_border: var(--zdt_cta_primary_light_border);
|
|
335
337
|
--zdt_plusicon_text: var(--zdt_cta_primary_text);
|
|
@@ -406,7 +408,7 @@
|
|
|
406
408
|
--zdt_toastmessage_popbutton_text: hsl(210, 7%, calc(89% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
407
409
|
--zdt_toastmessage_submit_border: hsl(0, 0%, calc(35% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
408
410
|
--zdt_toastmessage_primary_text: var(--zdt_cta_primary_text);
|
|
409
|
-
--zdt_toastmessage_primary_hover_bg: var(--
|
|
411
|
+
--zdt_toastmessage_primary_hover_bg: var(--zdt_m_cta_primary_bg_bg);
|
|
410
412
|
--zdt_toastmessage_primary_hover_text: hsl(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
411
413
|
--zdt_toastmessage_danger_text: hsl(0, 100%, calc(71% + var(--zd_pureDark_textLighterDarker_lValue)), calc(1 + var(--zd_alpha)));
|
|
412
414
|
--zdt_toastmessage_danger_hover_bg: hsl(0, 100%, calc(71% + var(--zd_pureDark_bgDarkerBoth_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
@@ -417,7 +419,7 @@
|
|
|
417
419
|
--zdt_toastmessage_successplain_text: hsl(141, 54%, calc(50% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
418
420
|
--zdt_toastmessage_cancel_hover_text: hsl(210, 7%, calc(89% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
419
421
|
--zdt_toastmessage_closeicon: hsl(217, 8%, calc(55% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
420
|
-
--zdt_toastmessage_closeicon_hover_bg: var(--
|
|
422
|
+
--zdt_toastmessage_closeicon_hover_bg: var(--zdt_m_cta_primary_hover_bg_bg);
|
|
421
423
|
--zdt_toastmessage_closeicon_hover_text: hsl(217, 8%, calc(55% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
422
424
|
--zdt_toastmessage_dropdown_bg: hsl(0, 0%, calc(17% + var(--zd_pureDark_bgDarkerLighter_lValue)), calc(1 + var(--zd_alpha)));
|
|
423
425
|
--zdt_toastmessage_dropdown_text: hsl(0, 0%, calc(40% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
@@ -530,7 +532,7 @@
|
|
|
530
532
|
/* attachment viewer */
|
|
531
533
|
--zdt_attachmentviewer_title_text: hsl(210, 7%, calc(89% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
532
534
|
--zdt_attachmentviewer_button_border: hsl(0, 2%, calc(8% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
533
|
-
--zdt_attachmentviewer_hover_border: var(--
|
|
535
|
+
--zdt_attachmentviewer_hover_border: var(--zdt_m_cta_grey_40_border_border);
|
|
534
536
|
--zdt_attachmentviewer_selected_border: var(--zdt_cta_primary_border);
|
|
535
537
|
--zdt_attachmentviewer_selected_after_bg: hsl(0, 0%, calc(100% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
536
538
|
--zdt_attachmentviewer_selected_box_shadow: rgba(0, 0, 0, 0.34);
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
[data-mode='pureDark'][data-theme='blue'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsl(0, 0%, calc(6% + var(--
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsl(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsl(212, 100%, calc(64% + var(--
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsl(221, 100%, calc(57% + var(--
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsl(212, 100%, calc(64% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsl(221, 100%, calc(57% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
10
10
|
|
|
11
11
|
/* attachment viewer */
|
|
12
|
-
--zdt_attachmentviewer_header_bg: hsl(0, 0%, calc(9% + var(--
|
|
13
|
-
--zdt_attachmentviewer_header_border: hsl(0, 0%, calc(13% + var(--
|
|
14
|
-
--zdt_attachmentviewer_footer_bg: hsl(0, 0%, calc(9% + var(--
|
|
15
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsl(0, 0%, calc(6% + var(--
|
|
12
|
+
--zdt_attachmentviewer_header_bg: hsl(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
13
|
+
--zdt_attachmentviewer_header_border: hsl(0, 0%, calc(13% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
14
|
+
--zdt_attachmentviewer_footer_bg: hsl(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
15
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsl(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( + var(--zd_bg_alpha)));
|
|
16
16
|
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
[data-mode='pureDark'][data-theme='green'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsl(0, 0%, calc(6% + var(--
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsl(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsl(133, 40%, calc(45% + var(--
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsl(128, 80%, calc(27% + var(--
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsl(133, 40%, calc(45% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsl(128, 80%, calc(27% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
10
10
|
|
|
11
11
|
/* attachment viewer */
|
|
12
|
-
--zdt_attachmentviewer_header_bg: hsl(0, 0%, calc(9% + var(--
|
|
13
|
-
--zdt_attachmentviewer_header_border: hsl(0, 0%, calc(13% + var(--
|
|
14
|
-
--zdt_attachmentviewer_footer_bg: hsl(0, 0%, calc(9% + var(--
|
|
15
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsl(0, 0%, calc(6% + var(--
|
|
12
|
+
--zdt_attachmentviewer_header_bg: hsl(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
13
|
+
--zdt_attachmentviewer_header_border: hsl(0, 0%, calc(13% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
14
|
+
--zdt_attachmentviewer_footer_bg: hsl(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
15
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsl(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( + var(--zd_bg_alpha)));
|
|
16
16
|
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
[data-mode='pureDark'][data-theme='orange'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsl(0, 0%, calc(6% + var(--
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsl(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsl(26, 100%, calc(56% + var(--
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsl(29, 100%, calc(33% + var(--
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsl(26, 100%, calc(56% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsl(29, 100%, calc(33% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
10
10
|
|
|
11
11
|
/* attachment viewer */
|
|
12
|
-
--zdt_attachmentviewer_header_bg: hsl(0, 0%, calc(9% + var(--
|
|
13
|
-
--zdt_attachmentviewer_header_border: hsl(0, 0%, calc(13% + var(--
|
|
14
|
-
--zdt_attachmentviewer_footer_bg: hsl(0, 0%, calc(9% + var(--
|
|
15
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsl(0, 0%, calc(6% + var(--
|
|
12
|
+
--zdt_attachmentviewer_header_bg: hsl(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
13
|
+
--zdt_attachmentviewer_header_border: hsl(0, 0%, calc(13% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
14
|
+
--zdt_attachmentviewer_footer_bg: hsl(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
15
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsl(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( + var(--zd_bg_alpha)));
|
|
16
16
|
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
[data-mode='pureDark'][data-theme='red'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsl(0, 0%, calc(6% + var(--
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsl(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsl(0, 78%, calc(61% + var(--
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsl(0, 82%, calc(36% + var(--
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsl(0, 78%, calc(61% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsl(0, 82%, calc(36% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
10
10
|
|
|
11
11
|
/* attachment viewer */
|
|
12
|
-
--zdt_attachmentviewer_header_bg: hsl(0, 0%, calc(9% + var(--
|
|
13
|
-
--zdt_attachmentviewer_header_border: hsl(0, 0%, calc(13% + var(--
|
|
14
|
-
--zdt_attachmentviewer_footer_bg: hsl(0, 0%, calc(9% + var(--
|
|
15
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsl(0, 0%, calc(6% + var(--
|
|
12
|
+
--zdt_attachmentviewer_header_bg: hsl(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
13
|
+
--zdt_attachmentviewer_header_border: hsl(0, 0%, calc(13% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
14
|
+
--zdt_attachmentviewer_footer_bg: hsl(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
15
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsl(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( + var(--zd_bg_alpha)));
|
|
16
16
|
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
[data-mode='pureDark'][data-theme='yellow'] {
|
|
2
2
|
/* freezelayer */
|
|
3
|
-
--zdt_freezelayer_darklight_bg: hsl(0, 0%, calc(6% + var(--
|
|
3
|
+
--zdt_freezelayer_darklight_bg: hsl(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
|
|
4
4
|
|
|
5
5
|
/* common empty state */
|
|
6
|
-
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--
|
|
7
|
-
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--
|
|
8
|
-
--zdt_commonEmptyState_dark_link: hsl(37, 67%, calc(53% + var(--
|
|
9
|
-
--zdt_commonEmptyState_dark_link_hover: hsl(39, 90%, calc(32% + var(--
|
|
6
|
+
--zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
7
|
+
--zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
8
|
+
--zdt_commonEmptyState_dark_link: hsl(37, 67%, calc(53% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
9
|
+
--zdt_commonEmptyState_dark_link_hover: hsl(39, 90%, calc(32% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
|
|
10
10
|
|
|
11
11
|
/* attachment viewer */
|
|
12
|
-
--zdt_attachmentviewer_header_bg: hsl(0, 0%, calc(9% + var(--
|
|
13
|
-
--zdt_attachmentviewer_header_border: hsl(0, 0%, calc(13% + var(--
|
|
14
|
-
--zdt_attachmentviewer_footer_bg: hsl(0, 0%, calc(9% + var(--
|
|
15
|
-
--zdt_attachmentviewer_arrow_bg_hover: hsl(0, 0%, calc(6% + var(--
|
|
12
|
+
--zdt_attachmentviewer_header_bg: hsl(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
13
|
+
--zdt_attachmentviewer_header_border: hsl(0, 0%, calc(13% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
|
|
14
|
+
--zdt_attachmentviewer_footer_bg: hsl(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
|
|
15
|
+
--zdt_attachmentviewer_arrow_bg_hover: hsl(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( + var(--zd_bg_alpha)));
|
|
16
16
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zohodesk/dot",
|
|
3
|
-
"version": "1.0.0-temp-
|
|
3
|
+
"version": "1.0.0-temp-130",
|
|
4
4
|
"main": "lib/index",
|
|
5
5
|
"module": "es/index.js",
|
|
6
6
|
"private": false,
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"velocity-react": "1.4.3",
|
|
45
45
|
"@zohodesk/variables": "1.0.0-beta.29",
|
|
46
46
|
"@zohodesk/i18n": "1.0.0-beta.7",
|
|
47
|
-
"@zohodesk/components": "1.0.0-temp-
|
|
47
|
+
"@zohodesk/components": "1.0.0-temp-131",
|
|
48
48
|
"@zohodesk/icons": "1.0.0-beta.116",
|
|
49
49
|
"@zohodesk/svg": "1.0.0-temp.49",
|
|
50
50
|
"@zohodesk/virtualizer": "1.0.3",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"velocity-react": "1.4.3",
|
|
56
56
|
"@zohodesk/variables": "1.0.0-beta.29",
|
|
57
57
|
"@zohodesk/i18n": "1.0.0-beta.7",
|
|
58
|
-
"@zohodesk/components": "1.0.0-temp-
|
|
58
|
+
"@zohodesk/components": "1.0.0-temp-131",
|
|
59
59
|
"@zohodesk/icons": "1.0.0-beta.116",
|
|
60
60
|
"@zohodesk/svg": "1.0.0-temp.49",
|
|
61
61
|
"@zohodesk/a11y": "1.3.7"
|