npm - @zohodesk/dot - Versions diffs - 1.0.0-temp-187.23 → 1.0.0-temp-187.24 - Mend

@zohodesk/dot 1.0.0-temp-187.23 → 1.0.0-temp-187.24

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 (1879) hide show

package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css CHANGED Viewed

@@ -1,26 +1,26 @@
 [data-mode='dark'][data-theme='blue'] {
 	/* freezelayer */
-	--zdt_freezelayer_darklight_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
+	--zdt_freezelayer_darklight_bg: hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
 	/* common empty state */
-	--zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_link: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_commonEmptyState_dark_link_hover: hsla(221, 100.00%, calc(57.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_title: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_description: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_link: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_commonEmptyState_dark_link_hover: hsla(221, calc(var(--zd-saturation, 1) * 100.00%), calc(57.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	/* onboarding */
-	--zdt_onboarding_primary_gradient_border: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
-	--zdt_onboarding_secondary_gradient_border: hsla(220, 72.24%, calc(51.96% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
-	--zdt_onboarding_gradient_border: hsla(220, 72.24%, calc(51.96% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
-	--zdt_onboarding_primary_button_shadow: rgba(10, 115, 235, 0.25);
-	--zdt_onboarding_gradient_bg: hsla(213, 27.27%, calc(23.73% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_gradient_border: hsla(212, calc(var(--zd-saturation, 1) * 91.84%), calc(48.04% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
+	--zdt_onboarding_secondary_gradient_border: hsla(220, calc(var(--zd-saturation, 1) * 72.24%), calc(51.96% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
+	--zdt_onboarding_gradient_border: hsla(220, calc(var(--zd-saturation, 1) * 72.24%), calc(51.96% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_button_shadow: hsla(212, calc(var(--zd-saturation, 1) * 91.84%), 48.04%,  0.25);
+	--zdt_onboarding_gradient_bg: hsla(213, calc(var(--zd-saturation, 1) * 27.27%), calc(23.73% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	/* attachment viewer */
-	--zdt_attachmentviewer_header_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_header_bg: hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_attachmentviewer_header_border: hsla(218, calc(var(--zd-saturation, 1) * 23.08%), calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_footer_bg: hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
 	/* loader */
-	--zdt_loader_bg: rgb(71,157,255);
+	--zdt_loader_bg: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), 63.92%, 1);
 }

package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css CHANGED Viewed

@@ -1,26 +1,26 @@
 [data-mode='dark'][data-theme='green'] {
 	/* freezelayer */
-	--zdt_freezelayer_darklight_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
+	--zdt_freezelayer_darklight_bg: hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
 	/* common empty state */
-	--zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_link: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_commonEmptyState_dark_link_hover: hsla(128, 79.71%, calc(27.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_title: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_description: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_link: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_commonEmptyState_dark_link_hover: hsla(128, calc(var(--zd-saturation, 1) * 79.71%), calc(27.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	/* onboarding */
-	--zdt_onboarding_primary_gradient_border: hsla(133, 62.68%, calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
-	--zdt_onboarding_secondary_gradient_border: hsla(133, 62.68%, calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
-	--zdt_onboarding_gradient_border: hsla(133, 62.68%, calc(40.98% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
-	--zdt_onboarding_primary_button_shadow: rgba(39, 170, 67, 0.25);
-	--zdt_onboarding_gradient_bg: hsla(191, 21.65%, calc(19.02% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_gradient_border: hsla(133, calc(var(--zd-saturation, 1) * 62.68%), calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
+	--zdt_onboarding_secondary_gradient_border: hsla(133, calc(var(--zd-saturation, 1) * 62.68%), calc(40.98% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
+	--zdt_onboarding_gradient_border: hsla(133, calc(var(--zd-saturation, 1) * 62.68%), calc(40.98% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_button_shadow: hsla(133, calc(var(--zd-saturation, 1) * 62.68%), 40.98%,  0.25);
+	--zdt_onboarding_gradient_bg: hsla(191, calc(var(--zd-saturation, 1) * 21.65%), calc(19.02% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	/* attachment viewer */
-	--zdt_attachmentviewer_header_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_header_bg: hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_attachmentviewer_header_border: hsla(218, calc(var(--zd-saturation, 1) * 23.08%), calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_footer_bg: hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
 	/* loader */
-	--zdt_loader_bg: rgb(69,161,89);
+	--zdt_loader_bg: hsla(133, calc(var(--zd-saturation, 1) * 40.00%), 45.10%, 1);
 }

package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css CHANGED Viewed

@@ -1,26 +1,26 @@
 [data-mode='dark'][data-theme='orange'] {
 	/* freezelayer */
-	--zdt_freezelayer_darklight_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
+	--zdt_freezelayer_darklight_bg: hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
 	/* common empty state */
-	--zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_link: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_commonEmptyState_dark_link_hover: hsla(29, 100.00%, calc(32.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_title: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_description: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_link: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_commonEmptyState_dark_link_hover: hsla(29, calc(var(--zd-saturation, 1) * 100.00%), calc(32.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	/* onboarding */
-	--zdt_onboarding_primary_gradient_border: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
-	--zdt_onboarding_secondary_gradient_border: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
-	--zdt_onboarding_gradient_border: hsla(28, 81.75%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
-	--zdt_onboarding_primary_button_shadow: rgba(229, 119, 23, 0.25);
-	--zdt_onboarding_gradient_bg: hsla(252, 4.85%, calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_gradient_border: hsla(28, calc(var(--zd-saturation, 1) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
+	--zdt_onboarding_secondary_gradient_border: hsla(28, calc(var(--zd-saturation, 1) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
+	--zdt_onboarding_gradient_border: hsla(28, calc(var(--zd-saturation, 1) * 81.75%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_button_shadow: hsla(28, calc(var(--zd-saturation, 1) * 81.75%), 49.41%,  0.25);
+	--zdt_onboarding_gradient_bg: hsla(252, calc(var(--zd-saturation, 1) * 4.85%), calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	/* attachment viewer */
-	--zdt_attachmentviewer_header_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_header_bg: hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_attachmentviewer_header_border: hsla(218, calc(var(--zd-saturation, 1) * 23.08%), calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_footer_bg: hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
 	/* loader */
-	--zdt_loader_bg: rgb(255,128,31);
+	--zdt_loader_bg: hsla(26, calc(var(--zd-saturation, 1) * 100.00%), 56.08%, 1);
 }

package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css CHANGED Viewed

@@ -1,26 +1,26 @@
 [data-mode='dark'][data-theme='red'] {
 	/* freezelayer */
-	--zdt_freezelayer_darklight_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
+	--zdt_freezelayer_darklight_bg: hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
 	/* common empty state */
-	--zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_link: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_commonEmptyState_dark_link_hover: hsla(0, 81.62%, calc(36.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_title: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_description: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_link: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_commonEmptyState_dark_link_hover: hsla(0, calc(var(--zd-saturation, 1) * 81.62%), calc(36.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	/* onboarding */
-	--zdt_onboarding_primary_gradient_border: hsla(0, 73.81%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
-	--zdt_onboarding_secondary_gradient_border: hsla(0, 73.81%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
-	--zdt_onboarding_gradient_border: hsla(0, 73.81%, calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
-	--zdt_onboarding_primary_button_shadow: rgba(219, 33, 33, 0.25);
-	--zdt_onboarding_gradient_bg: hsla(258, 12.62%, calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_gradient_border: hsla(0, calc(var(--zd-saturation, 1) * 73.81%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
+	--zdt_onboarding_secondary_gradient_border: hsla(0, calc(var(--zd-saturation, 1) * 73.81%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
+	--zdt_onboarding_gradient_border: hsla(0, calc(var(--zd-saturation, 1) * 73.81%), calc(49.41% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_button_shadow: hsla(0, calc(var(--zd-saturation, 1) * 73.81%), 49.41%,  0.25);
+	--zdt_onboarding_gradient_bg: hsla(258, calc(var(--zd-saturation, 1) * 12.62%), calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	/* attachment viewer */
-	--zdt_attachmentviewer_header_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_header_bg: hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_attachmentviewer_header_border: hsla(218, calc(var(--zd-saturation, 1) * 23.08%), calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_footer_bg: hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
 	/* loader */
-	--zdt_loader_bg: rgb(233,79,79);
+	--zdt_loader_bg: hsla(0, calc(var(--zd-saturation, 1) * 77.78%), 61.18%, 1);
 }

package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css CHANGED Viewed

@@ -1,26 +1,26 @@
 [data-mode='dark'][data-theme='yellow'] {
 	/* freezelayer */
-	--zdt_freezelayer_darklight_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
+	--zdt_freezelayer_darklight_bg: hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.9 + var(--zdc_alpha_high)));
 	/* common empty state */
-	--zdt_commonEmptyState_dark_title: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_description: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_commonEmptyState_dark_link: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_commonEmptyState_dark_link_hover: hsla(39, 90.18%, calc(31.96% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_title: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_description: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_commonEmptyState_dark_link: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_commonEmptyState_dark_link_hover: hsla(39, calc(var(--zd-saturation, 1) * 90.18%), calc(31.96% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
 	/* onboarding */
-	--zdt_onboarding_primary_gradient_border: hsla(43, 90.39%, calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
-	--zdt_onboarding_secondary_gradient_border: hsla(43, 90.39%, calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
-	--zdt_onboarding_gradient_border: hsla(43, 90.39%, calc(44.90% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
-	--zdt_onboarding_primary_button_shadow: rgba(218, 160, 11, 0.25);
-	--zdt_onboarding_gradient_bg: hsla(218, 7.69%, calc(20.39% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_gradient_border: hsla(43, calc(var(--zd-saturation, 1) * 90.39%), calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.3 + var(--zdc_alpha_low)));
+	--zdt_onboarding_secondary_gradient_border: hsla(43, calc(var(--zd-saturation, 1) * 90.39%), calc(44.90% + var(--zdc_default_inverse_low)), calc( 0.51 + var(--zdc_alpha_low)));
+	--zdt_onboarding_gradient_border: hsla(43, calc(var(--zd-saturation, 1) * 90.39%), calc(44.90% + var(--zdc_default_inverse_low)), calc( 0 + var(--zdc_alpha_low)));
+	--zdt_onboarding_primary_button_shadow: hsla(43, calc(var(--zd-saturation, 1) * 90.39%), 44.90%,  0.25);
+	--zdt_onboarding_gradient_bg: hsla(218, calc(var(--zd-saturation, 1) * 7.69%), calc(20.39% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
 	/* attachment viewer */
-	--zdt_attachmentviewer_header_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--zdt_attachmentviewer_header_border: hsla(218, 23.08%, calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_footer_bg: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, 22.86%, calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_header_bg: hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
+	--zdt_attachmentviewer_header_border: hsla(218, calc(var(--zd-saturation, 1) * 23.08%), calc(22.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_footer_bg: hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
+	--zdt_attachmentviewer_arrow_bg_hover: hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_default)), calc( 0.4 + var(--zdc_alpha_high)));
 	/* loader */
-	--zdt_loader_bg: rgb(215,152,53);
+	--zdt_loader_bg: hsla(37, calc(var(--zd-saturation, 1) * 66.94%), 52.55%, 1);
 }