@zohodesk/components
Version:
In this Package, we Provide Some Basic Components to Build Web App
36 lines • 3.94 kB
CSS
[data-mode='light'][data-theme='yellow'] {
/* CTA variables */
--zdt_cta_primary_text: hsla(46, 92.59%, calc(37.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_primary_hover_text: hsla(48, 100.00%, calc(25.49% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_primary_bg: hsla(46, 81.07%, calc(52.35% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_primary_hover_bg: hsla(48, 100.00%, calc(35.49% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_primary_border: hsla(46, 81.07%, calc(52.35% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_primary_hover_border: hsla(48, 100.00%, calc(35.49% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_primary_box_shadow: rgba(232, 185, 35, 0.2);
--zdt_cta_primary_hover_box_shadow: rgba(181, 145, 0, 0.25);
--zdt_cta_primary_light_bg: hsla(45, 83.33%, calc(95.29% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_primary_light_hover_bg: hsla(46, 80.82%, calc(85.69% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_primary_light_border: hsla(46, 80.82%, calc(85.69% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_secondary_bg: hsla(46, 81.07%, calc(52.35% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_secondary_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_secondary_border: hsla(46, 81.18%, calc(66.67% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_secondary_light_border: hsla(46, 81.44%, calc(80.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_secondary_light_bg: hsla(46, 81.44%, calc(80.98% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_alpha_text: hsla(46, 92.59%, calc(37.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_alpha_hover_text: hsla(48, 100.00%, calc(25.49% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_alpha_border: hsla(46, 92.59%, calc(37.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_alpha_hover_border: hsla(48, 100.00%, calc(25.49% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_alpha_bg: hsla(46, 80.82%, calc(85.69% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_beta_border: hsla(46, 92.59%, calc(37.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_grey_10_bg: hsla(60, 12.50%, calc(96.86% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_grey_10_border: hsla(60, 12.50%, calc(96.86% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_grey_15_bg: hsla(60, 21.74%, calc(90.98% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_grey_15_border: hsla(60, 21.74%, calc(90.98% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_grey_20_bg: hsla(60, 8.57%, calc(93.14% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_grey_35_bg: hsla(45, 24.39%, calc(83.92% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_grey_35_text: hsla(45, 24.39%, calc(83.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_grey_35_border: hsla(45, 24.39%, calc(83.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdt_cta_grey_40_bg: hsla(45, 28.17%, calc(72.16% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_grey_40_text: hsla(45, 28.17%, calc(72.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_cta_grey_40_border: hsla(45, 28.17%, calc(72.16% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
}