I tried with this code but it doesn't work:
The code above was just an example, it was clear that it wouldn't work
You are not using WP Dark Mode
You are using Darklup 😉
therefore also other CSS classes
Some examples
wpc--darklup-element, darklup--bg, darklup--bg-applie
As a guest I do not see the editor, therefore no CSS classes
You should ask the developer of Darklup for the CSS classes if you can't find them yourself.
visit my wpForo Community > Tutrix.de
with lots of customization & modification, e.g. hover cards, topic/post preview on mouseover, chatbox and much more...
@tutrix May I ask you to create an account and check for me please, it takes 2 min for you?
I spent the whole day on this... 🤣
It is quite urgent because the white on the dark mode is pretty wild... :/
No support from darklup, can someone help me please?
@guts sorry if I point this out to you, but it's you who is in need, you have to help others in helping you.
Create an account with fake credentials and write them privately.
Maybe this way you will have a better chance that someone will want to help you for free.
@systemcrack It is a good idea. I have spent days on this and am still stuck.
In reality, I have more than 400 lines of custom CSS.
If I post something, it will indicate that I couldn't find a way to do it on my own.
Apparently, we need to use JavaScript, while I only have knowledge of CSS/HTML.
Additionally, I was not aware that we can send direct messages on wpForo.
User: wpforo
Pass: wpforo
Could you please assist me in changing the background of the editor in the dark theme, following Tutrix's script?
TYVM
You're right, I wrote nonsense. Private messages are not enabled here. As soon as I get home I'll try to take a look at your forum. I hope I can help you.
As @tutrix said before, you use a different plugin and therefore the references to be recalled change..
Looking at your css I see this:
html.darklup-dark-mode-enabled #wpforo #wpforo-wrap .wpf-post-create {
background: #15202b !important;
}
so in theory it should become like this:
<script type="text/javascript">
jQuery(finestra).load(funzione() {
tinyMCE.activeEditor.dom.addStyle('.darklup-dark-mode-enabled body{ background-color:#000000 !important; color:#dddddd !important;}');
});
</script>
or
<script type="text/javascript">
jQuery(finestra).load(funzione() {
tinyMCE.activeEditor.dom.addStyle('html.darklup-dark-mode-enabled body{ background-color:#000000 !important; color:#dddddd !important;}');
});
</script>
or
<script type="text/javascript">
jQuery(finestra).load(funzione() {
tinyMCE.activeEditor.dom.addStyle('html.darklup-dark-mode-enabled #wpforo #wpforo-wrap .wpf-post-create body{ background-color:#000000 !important; color:#dddddd !important;}');
});
</script>
