Change TinyMCE Background color for post editing

  • Unknown's avatar
    kingvcon · Member ·

    Greetings,

    I often find myself writing at night and find the white background to be harsh (no matter how low I turn my brightness, it still bothers my eyes).

    Normally I just use a user-stylesheet to modify a text area to use a black background and a light colored text. (e.g. ‘.wp-editor-area { background: #000; color: #222; }’ )

    However, it appears the javascript or setup of TinyMCE makes it impossible to modify that editor (I would prefer to have some basic formatting styles but if this is impossible, I’ll use the ‘Text’ Editor).

    I’ve spent a couple hours trying to get a user style sheet or Tampermonkey to re-write fix this issue ( tried the div.rte, .mceContentBody ) but I am not having any luck.

    This is just a usability issue for me and I thought it’d be easier than all this but it appears to have to do with the fact that the TinyMCE post editor on “wp-admin/post-new.php” is loaded into a iFrame.

    Any suggestions or ideas on how I can edit my posts without having my eyes subjected to laser light treatment?

    (I note that I can, after the page has loaded use Developer Tools to modify #tinymce but I’d really prefer just being able to set it and forget it)

    Thanks.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    justjennifer · Member ·

    I swear by flux. http://justgetflux.com/

  • Unknown's avatar
    hfzrhmn · Member ·

    2nd-ing the Flux suggestion.

    Also perhaps you can try Stylish? https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en

  • The topic ‘Change TinyMCE Background color for post editing’ is closed to new replies.