In this Q&A, How do you change the visual editor's background color?, it is shown how to modify WordPress' editor background colour.
My question is how can I modify the editor's background colour, in full screen mode? (also called "distraction free" mode).
The solution in the linked thread does not work for full screen editor mode.


This kind of problems are solved using Chrome Inspector or Firefox Firebug.

Inspecting the element, we get the necessary ID's or Classes to add in the stylesheet.

chrome inspector

So, .mceContentBody.wp-fullscreen-editor is the one we need to address in the theme file editor-style.css:

.mceContentBody.wp-editor, .mceContentBody.wp-fullscreen-editor {     
  background-color: #000;
  color: #fff; 
| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.