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

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

1 Answers

Text formatting options

Private reply Submit

Click any option to insert into your comment. Select text first to wrap it.

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.

Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.