Classic Editor – Body text window is in dark mode

When in the new/edit post page, the body text field used to be normal (white) since this reflects what the content would look like. But the latest update that just rolled out also applies the CSS to the text field, which then adjusts how everything looks, even custom text colors and other elements, essentially breaking the classic editor. It looks like the same goes for the block editor. This forces you to disable Dark Mode so you can see what you are doing. Hey, thanks for the feedback 🙂 The dark editor canvas was actually the most requested feature from users, many reported the white content area as a bug in previous versions. We’ve tested it extensively and we don’t change any text colors or custom styles inside the editor, those are all preserved as-is. If you need to check how your content looks on a light background, you can quickly toggle dark mode on and off with the moon/sun icon in the admin bar, no page reload needed. If you can share a screenshot or some example content where things look broken, I’m happy to take a look and see if there’s something we can improve! Thank you for the response. That is unfortunate since it creates an unnatural editing environment, as the content you create will not display as it will on the actual site if your site doesn’t have a dark background like that. In my case, it does modify the text in certain portions of the window. For example, I have a template I always use for a specific table. That table has two cells, each with a gray background and black text (I do not use any css or html to modify the text within the cells). But using the dark mode, the text becomes the same color as the table’s background, and you no longer see it to edit and have to drag to highlight the text. If you preview the page/site, the text shows as normal (just not within the editor using dark mode). As you can see from the code, it is pretty simple: <table style="height: 130px;" width="100%"> <tbody> <tr> <td style="text-align: center; border: 4px solid white; background-color: #f1f1f1;" width="50%"><b>BOX ONE</b></td> <td style="text-align: center; border: 4px solid white; background-color: #f1f1f1;" width="50%"><b>BOX TWO</b></td> </tr> </tbody> </table> There were a few other spots where things like that happened, where I had to disable by using the icon to see anything. However, I find that when editing a post, if I disable it with the icon, everything reverts except for the editor canvas. This forces me to save and reload the page to get it to go light/white again. So knowing that this is some kind of a planned experience within the update, I guess I will have to disable the plugin for now. Editing the page in an unnatural state that doesn’t look like what the page will look like when it publishes breaks the experience and places a certain amount of guesswork as you create a page to determine what the end-work will look like. So it would be better not to use it and just deal with the normal brighter admin environment (for now). Thanks. Hey, thanks for the detailed explanation and code, that really helped me understand the issue. I just pushed an update (1.3.2) that addresses both of your points: The toggle now properly reverts the Classic Editor content area back to light mode, so you no longer need to save and reload. If you’d prefer to keep the editor content area light at all times while still having the rest of the admin in dark mode, you can add this line to your theme’s functions.php: add_filter( 'dark_mode_dashboard_editor_canvas', '__return_false' ); That way the admin stays dark but the editor always shows your content exactly as it will look on the site. Hope this helps! Have a great evening! 🙂 Wow! That actually fixed things up nicely. Thank you. It allows me to continue using the plugin and it is a nice one. Thanks. Glad it solved your issues! If you find my plugin helpful, please leave a review 🙂