:root { --iconlight: rgba(255, 255, 255, 1); --icondisabled: rgba(179, 179, 179, 1); --icondark: rgba(253, 85, 69, 1); --buttondarkprimary: rgba(255, 255, 255, 1); --buttondarkprimaryhover: rgba(253, 85, 69, 1); --buttondarksecondaryhover: rgba(255, 255, 255, 1); --buttondarkdisabled: rgba(77, 77, 77, 1); --buttonlightprimaryhover: rgba(255, 115, 69, 1); --buttonlightsecondaryhover: rgba(253, 85, 69, 1); --buttonlightdisabled: rgba(229, 229, 229, 1); --inputdefaultdark: rgba(255, 255, 255, 0.2); --inputactivelight: rgba(255, 255, 255, 1); --inputactivedark: rgba(255, 255, 255, 1); --inputdisabledlight: rgba(241, 241, 241, 1); --inputdisableddark: rgba(255, 255, 255, 0.03); --inputsuccesslight: rgba(255, 255, 255, 1); --inputsuccessdark: rgba(255, 255, 255, 0.1); --inputerrorlight: rgba(255, 255, 255, 1); --inputerrordark: rgba(255, 255, 255, 0.1); --whitewhite: rgba(255, 255, 255, 1); --variable-collection-h-zelena: rgba(74, 162, 149, 1); --variable-collection-h-siva: var(--variable-collection-UL-temno-siva); --variable-collection-color: rgba(27, 104, 91, 1); --variable-collection-h-temno-zelena: var(--variable-collection-color); --variable-collection-h-prava-temno-zelena: rgba(0, 0, 0, 0.2); --variable-collection-UL-temno-siva: rgba(88, 89, 91, 1); --colors-grays-black: rgba(0, 0, 0, 1); --colors-labels-primary: rgba(0, 0, 0, 1); } /* To enable a theme in your HTML, simply add one of the following data attributes to an HTML element, like so: You can apply the theme on any DOM node, not just the `body` */ [data-colors-mode="light"] { --colors-labels-primary: rgba(0, 0, 0, 1); } [data-colors-mode="dark"] { --colors-labels-primary: rgba(255, 255, 255, 1); } [data-colors-mode="IC-light"] { --colors-labels-primary: rgba(0, 0, 0, 1); } [data-colors-mode="IC-dark"] { --colors-labels-primary: rgba(255, 255, 255, 1); }