Custom CSS for dark mode elements

Hello, how can I create dark mode styles for elements that are not currently included? for example:

<div class="dd nestable-with-handle">
 <ol class="dd-list">

 </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

Hi,

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.css

Also, you can customize custom elements in SASS by adding your custom SCSS file and using global sass variables as explained here.

Regards.

Metronic