How To Change Text Editor Background, but where the icons are?

I want to change this: https://i.imgur.com/eZK4Hkz.png
Into this: https://i.imgur.com/SEENFcX.png
How do i do it?

Hello GhostRiderUSA,

Go to Administration Panel > Display > Colors > Background colors

Change the toolbar color to what you wish :

https://i.imgur.com/pdttRl2.png ok it worked, but the text color is black.

For source code mode add this to your CSS:
Administration Panel > Display > Colors > CSS stylesheet

Code:

.sceditor-container textarea{ color:#fff !important; }

For WYSIWYG mode create a new script:
Administration Panel > Modules > Javascript codes management
Make sure to tick in all the pages

Code:

$(window).load(function () {
  $(".sceditor-container iframe").contents().find("head").append("<style>body,html,code:before,p,table{color:#fff!important;}</style>")
});

not working.

Place this at the top of your stylesheet :

Code:

.sceditor-container textarea{ color:#fff !important; }

Still not working..

Please provide a link to your forum.

Thanks.

Which one exactly is not working:  the CSS one or the JavaScript one?

officialhonor.forumotion.com

I don't see the script installed in all pages. Have you enabled JavaScript codes management ?
Administration Panel > Modules > JavaScript codes management

Tick 'Yes' for 'Enable Javascript code management' and save.