Custom CSS for dark mode elements
Hello, how can I create dark mode styles for elements that are not currently included? for example:
for example those are gray on dark mode and i want to change the color when it"s on dark mode, how can I customize the dark mode styles?
Thank you
<div class="dd nestable-with-handle">
<ol class="dd-list">
</ol>
</div>for example those are gray on dark mode and i want to change the color when it"s on dark mode, how can I customize the dark mode styles?
Thank you
Replies (1)
Hi,
You can use custom css and the core CSS variable to override their styles:
You can find all available CSS variables in the chrome dev tools or from the CSS bundle:
Also, you can customize custom elements in SASS by adding your custom SCSS file and using global sass variables as explained here.
Regards.
You can use custom css and the core CSS variable to override their styles:
.dd {
background-color: var(--bs-gray-700);
}You can find all available CSS variables in the chrome dev tools or from the CSS bundle:
https://preview.keenthemes.com/metronic8/demo1/assets/css/style.bundle.cssAlso, you can customize custom elements in SASS by adding your custom SCSS file and using global sass variables as explained here.
Regards.
React Dev Vacancy
KeenThemes is looking for a Junior React or Vue developer to build awesome apps.
Apply
