[Question] Don't enable DarkMode on Certain Divs

Hello, first of all thanks for making it open source, it’s really handy and easy to use and also it really makes UI look great.

I use the library in my website, I was wondering if there’s a feature to not apply darkMode in certain elements. Like if there’s a css tag --darkmode-donot-apply or something like that just don’t convert colors for that element.

[OverVlad]

@Gusted Thank you for the help! I forgot to add the * symbol after the selector. with .flag-icon * all works correctly

[Gusted]

Hey @OverVlad!

We have 2 options to ignore styling. I see you mention SVG so I assume it has inline styles

<line style="This is an inline style" />

You can add an selector to the IgnoreInlineStyle option via the api. The selector should match the elements directly that has the inline style e.g. if you have

<svg class="flag-icon" some-nonsense-attributes>
    <line style="" />
    etc.
</svg>

An selector like

.flag-icon *

should be added.

Whereby the enable API should look like

enable({}, {url: ['*'], ignoreInlineStyle: ['.flag-icon *'], css: '', ignoreImageAnalysis: null, invert: []});

The only intresting part is url has to be * and ignoreInlineStyle that contains all the CSS Selectors that should be ignored for inline styling.

If you have any other questions, don’t hesitate to ask them.

Regards, Gusted