Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$
[Metronic 8 Angular] Dark mode in new pages
Hello,
I created a new page and I would like to set a class in SCSS when the theme is dark.
How can I do it?
The code below doesn't work.
[data-theme="dark"] .myClass {
width: 100%;
}
[data-theme="light"] .myClass {
width: 50%;
}
Thank you for your help.
Replies (1)
Hi,
[data-theme="dark"].myClass {Could you please try the above CSS?
Above CSS works in the HTML element like this.
<div data-theme="dark" class="myClass">
</div>If it is like this:
[data-theme="dark"] .myClass {<div data-theme="dark">
<div class="myClass"></div>
</div>Thanks
