Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$
in Angular, How do I target the dark or light theme?
For example when its light I want as background x.png when its dark y.png.
Thanks!
Replies (1)
HiKenneth Flores
To target the dark or light theme in Metronic Angular, you can use the theme-light-show and theme-dark-show classes. These classes will only show the element when the corresponding theme is active.
For example, if you want to display different images based on the theme, you can use the following code:
<img alt="Light Logo" src="x.png" class="theme-light-show" />
<img alt="Dark Logo" src="y.png" class="theme-dark-show" />Replace "x.png" and "y.png" with the paths to your light and dark theme images respectively. These images will be displayed based on whether the light or dark theme is active in your Metronic Angular application.
