How to change the background color of the TinyMCE editor?
Example
<script type="text/javascript">
jQuery(window).load(function() {
tinyMCE.activeEditor.dom.addStyle('body{background-color:#000000 !important; color:#dddddd !important;}');
});
</script>
visit my wpForo Community > Tutrix.de
with lots of customization & modification, e.g. hover cards, topic/post preview on mouseover, chatbox and much more...
@blackraz Thank you, I downloaded another free version.
However, I only wish to modify the background-color on the dark version of the forum.
Is it feasible to make this change using CSS?
Additionally, I only wish to modify the background-color on the dark version of the forum.
Is it feasible to make this change using CSS?
I am interested in the same modification. Being able to change the background color based on light or dark mode.
Is it feasible to make this change using CSS?
If you use WP Dark Mode, you have new CSS classes.
e.g. wp-dark-mode, wp-dark-mode-ignore, --wp-dark-mode-inline, etc.
you can check with the browser developer tools, which will then be used for the editor.
I don't use the dark mode plugin, so I can't help you.
just as an example, probably not working
<script type="text/javascript">
jQuery(window).load(function() {
tinyMCE.activeEditor.dom.addStyle('.wp-dark-mode body{background-color:#000000 !important; color:#dddddd !important;}');
});
</script>
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 I don't find the class. 😐
I added my forum on my signature if you can help?
I tried with this code but it doesn't work:
<script type="text/javascript">
jQuery(window).load(function() {
tinyMCE.activeEditor.dom.addStyle('.darklup-dark-mode-enabled #wpforo #wpforo-wrap .wpf-field .wpf-field-wrap .mce-tinymce.mce-container.mce-panel{background-color:#15202b !important; color:#ced9e6 !important;}');
});
</script>
