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