UNPKG

@zohodesk/svg

Version:

This Bundle Contains EmptyState Images.

44 lines (40 loc) 4.3 kB
@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, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + 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(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_svg_default_tiny_circle:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low))); --zdt_svg_default_small_circle:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + 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(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high))); --zdt_svg_dark_tiny_circle:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high))); --zdt_svg_dark_small_circle:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + 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(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low))); --zdt_svg_danger_secondary_fill:hsla(213, calc(var(--zd-saturation, 1) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high))); --zdt_svg_danger_secondary_plainfill:hsla(213, calc(var(--zd-saturation, 1) * 34.19%), calc(30.39% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high))); --zdt_svg_danger_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_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(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high))); --zdt_svg_danger_tiny_circle:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high))); --zdt_svg_danger_small_circle:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + 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); } }