Notifications
Clear all

How to change the color of the TinyMCE editor?

34 Posts
6 Users
6 Reactions
1,536 Views
Tutrix
Posts: 1478
(@tutrix)
Noble Member
Joined: 5 years ago

Posted by: @guts

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.

Reply
1 Reply
 guts
(@guts)
Joined: 11 months ago

Trusted Member
Posts: 51

@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... :/

Reply
Posts: 51
 guts
Topic starter
(@guts)
Trusted Member
Joined: 11 months ago

No support from darklup, can someone help me please?

Reply
2 Replies
(@systemcrack)
Joined: 2 years ago

Eminent Member
Posts: 18

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

Reply
 guts
(@guts)
Joined: 11 months ago

Trusted Member
Posts: 51

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

Reply
Posts: 51
 guts
Topic starter
(@guts)
Trusted Member
Joined: 11 months ago

@tutrix @systemcrack  

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

Reply
Posts: 18
(@systemcrack)
Eminent Member
Joined: 2 years ago

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.

Reply
Posts: 18
(@systemcrack)
Eminent Member
Joined: 2 years ago

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>

 

Reply
Page 2 / 3