Dear support, tell me, please: is it possible to differentiate the parameters of the selectors in the custom css for light and dark mode?
For example, I need for light mode
.selector {
color: green;
}
and for dark mode the same selector in blue color:
.selector {
color: blue;
}
How can I do it? I will be grateful for the answer!
You can change the colors from wp-admin > Appearance > Customize > Vibebp Settings
http://prntscr.com/udhv7h
But these changes will be applied to other places as well where these colors called
Thanks for the answer. But I mean something else.
I have a lot of blocks with a custom css, which do not display well in dark mode. I want to fix them only for the dark mode.
Here is an example: https://prnt.sc/udvf5l
Sir,
Better to share the full page screenshot so we can locate the same and will share custom CSS for only that page or part of block
In this screenshot, I can't figure out which component is this
Light mode: https://prnt.sc/ug5i8j
Dark mode: https://prnt.sc/ug5ih7
I need to change background color of div ".punkt_vyznachennya" in dark mode and color of "strong" text in dark mode: https://prnt.sc/udvf5l
Thank you!
I can check that if it is possible or not via custom CSS
Share the page URL here
This reply has been marked as private.
I am sorry sir, for this element it is not possible you can provide inline CSS but with custom CSS not possible
Ok, thank you. Then please show me an example of how I can make a separate inline css for light and dark modes.
Edit your unit in the backend and in the component add the CSS as you did before due to which it is showing in green color
But the CSS will remain the same for both light and dark mode because the code is written in the core and the custom CSS will not change the styling
Thank you. How can I set different colors of element for light and dark mode?
Sir,
I can help you with setting up css but that will remain same for light as well as dark mode because even if i provide inline css for both the modes to show different colors it will not reflect any changes because the css is decided and fetched from the code
Are you okay with that? so we can proceed
Thank you for your willingness to help. But the option you offer is not what I need. I can use inline css, but in this case I have the same color in light mode and in dark mode. But I only need to change the color for dark mode. You somehow define in WPLMS different colors of elements for light and dark modes... How you do it? Can I apply this to certain new items? Thank you.
Please ping me tomorrow once by posting here so I will contact developer and ask him if we can do something or not
I am pinging :) Thank You!
.
