@zohodesk/components
Version:
Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development
14 lines • 2.11 kB
CSS
[data-mode='pureDark'][data-theme='blue'], :global(.zd-bluePureDarkTheme) [data-theme="blue"] {
--zdtm_cta_grey_10_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(14.90% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_light_bg_default_inverse_low: hsla(213, calc(var(--zd-saturation, 1) * 19.57%), calc(18.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_grey_40_bg_default: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_10_bg_default_inverse_lower: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(14.90% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_bg_default_inverse: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_primary_hover_bg_default_inverse: hsla(213, calc(var(--zd-saturation, 1) * 85.45%), calc(43.14% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_15_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 2.33%), calc(8.43% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_alpha_bg_default_inverse_lower: hsla(215, calc(var(--zd-saturation, 1) * 28.16%), calc(20.20% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_bg_default_inverse_low: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_bg_default: hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdtm_cta_grey_40_bg_default_inverse_low: hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(34.51% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdtm_cta_primary_hover_bg_default: hsla(213, calc(var(--zd-saturation, 1) * 85.45%), calc(43.14% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
}