@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
40 lines (37 loc) • 3.43 kB
CSS
@layer dot-svg.theme {
[data-mode='dark'] {
/* default palette */
--zdt_svg_default_primary_fill: var(--zdt_svgcta_primary_fill);
--zdt_svg_default_primary_stroke: var(--zdt_svgcta_primary_stroke);
--zdt_svg_default_secondary_fill: var(--zdt_svgcta_secondary_fill);
--zdt_svg_default_secondary_plainfill: var(--zdt_svgcta_secondary_plainfill);
--zdt_svg_default_plus: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_svg_default_cross: hsla(163, 44.89%, calc(55.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_svg_default_medium_circle: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_svg_default_tiny_circle: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_svg_default_small_circle: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_svg_default_circle_fill: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
/* dark palette */
--zdt_svg_dark_primary_fill: var(--zdt_svgcta_primary_dark_fill);
--zdt_svg_dark_primary_stroke: var(--zdt_svgcta_primary_dark_stroke);
--zdt_svg_dark_secondary_fill: var(--zdt_svgcta_secondary_dark_fill);
--zdt_svg_dark_secondary_plainfill: var(--zdt_svgcta_secondary_dark_plainfill);
--zdt_svg_dark_plus: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_dark_cross: hsla(163, 44.89%, calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_dark_medium_circle: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_dark_tiny_circle: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_dark_small_circle: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_dark_circle_fill: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
/* danger palette */
--zdt_svg_danger_primary_fill: hsla(26, 100.00%, calc(50.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_danger_primary_stroke: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdt_svg_danger_secondary_fill: hsla(213, 34.19%, calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_danger_secondary_plainfill: hsla(213, 34.19%, calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_danger_plus: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_danger_cross: hsla(163, 44.89%, calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_danger_medium_circle: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_danger_tiny_circle: hsla(133, 48.36%, calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_danger_small_circle: hsla(0, 100.00%, calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_danger_circle_fill: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
}
}