@zohodesk/svg
Version:
This Bundle Contains EmptyState Images.
44 lines (40 loc) • 4.3 kB
CSS
@layer dot-svg.theme {
[data-mode='light']{
/* 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(216, calc(var(--zd-saturation, 1) * 48.78%), calc(48.24% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_svg_default_cross:hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_svg_default_medium_circle:hsla(354, calc(var(--zd-saturation, 1) * 71.27%), calc(64.51% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_svg_default_tiny_circle:hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_svg_default_small_circle:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.39% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
--zdt_svg_default_circle_fill:hsla(0, calc(var(--zd-saturation, 1) * 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, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_dark_cross:hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_dark_medium_circle:hsla(354, calc(var(--zd-saturation, 1) * 71.27%), calc(64.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_dark_tiny_circle:hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_dark_small_circle:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.39% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_dark_circle_fill:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
/* danger palette */
--zdt_svg_danger_primary_fill:hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(50.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_danger_primary_stroke:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.39% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
--zdt_svg_danger_secondary_fill:hsla(216, calc(var(--zd-saturation, 1) * 48.78%), calc(48.24% + var(--zdc_default)), calc( 0.25 + var(--zdc_alpha_high)));
--zdt_svg_danger_secondary_plainfill:hsla(216, calc(var(--zd-saturation, 1) * 48.78%), calc(48.24% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_danger_plus:hsla(216, calc(var(--zd-saturation, 1) * 48.78%), calc(48.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_danger_cross:hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_danger_medium_circle:hsla(354, calc(var(--zd-saturation, 1) * 71.27%), calc(64.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_danger_tiny_circle:hsla(163, calc(var(--zd-saturation, 1) * 44.89%), calc(55.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_danger_small_circle:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.39% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
--zdt_svg_danger_circle_fill:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
/* loader */
--zdt_svg_loader_outer_stroke:hsla(147, calc(var(--zd-saturation, 1) * 90.06%), 31.57%, 1);
--zdt_svg_loader_inner_stroke:hsla(146, calc(var(--zd-saturation, 1) * 79.19%), 43.33%, 1);
}
}