Editor background colour in full screen

1 Views

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.

Post Views: 1

Related posts

Leave a Reply

1 comment

  1. 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; 
}