How can I go about changing the color of the source background editor? Currently it's white and I can't see the text when I toggle it. (I'm using a dark theme, default text is white)

So essentially it's a white background with white text when I switch to source editor, how can I edit the color of the source editor background to change it to like a dark gray/black or something?

 

 

edit: found out that i should be editing " textarea.cke_source " I think? though editing it and adding it to custom.css is not working =/

bump

7 minutes ago, Fatal Resort said:

bump

textarea.cke_source
font-family: 'Courier New', Monospace;
font-size: small;
background-color: #fff;
white-space: pre-wrap;
border: 0;
padding: 0;
margin: 0;
display: block

It's in /applications/core/interface/ckeditor/ckeditor/skins/ips/editor.css

Not sure if you can just overwrite this in custom.css

14 minutes ago, daveoh said:

textarea.cke_source
font-family: 'Courier New', Monospace;
font-size: small;
background-color: #fff;
white-space: pre-wrap;
border: 0;
padding: 0;
margin: 0;
display: block

It's in /applications/core/interface/ckeditor/ckeditor/skins/ips/editor.css

Not sure if you can just overwrite this in custom.css

nope, doesn't seem to overwrite it when I try it through custom.css, not gonna tamper with the actual editor file. i'll just deal with the white on white i guess lol. If I squint hard enough I can just about see it >:D Thanks for the help tho

12 hours ago, Fatal Resort said:

nope, doesn't seem to overwrite it when I try it through custom.css, not gonna tamper with the actual editor file. i'll just deal with the white on white i guess lol. If I squint hard enough I can just about see it >:D Thanks for the help tho

If using 4.1.x then in custom.css add:

.cke_wysiwyg_div {
  background: #000 !important;
}

obviously change color to your own requirements

Not sure if able to do that with 4.0.x

The code above is for the wysiwyg editor. Fatal Resort wants to modify the Source editor..

This will work just fine, add to custom.css:

.cke textarea.cke_source{
	background: {theme="area_background_reset"};
	color: {theme="text_color"};
	padding: 10px;
	border-radius: 0;
}

Remember, it's always best to use theme setting variables where possible instead of hard-coded colors, and try not to use !important unless it's absolutely necessary.

4 hours ago, ehren. said:

The code above is for the wysiwyg editor. Fatal Resort wants to modify the Source editor..

This will work just fine, add to custom.css:

.cke textarea.cke_source{
	background: {theme="area_background_reset"};
	color: {theme="text_color"};
	padding: 10px;
	border-radius: 0;
}

Remember, it's always best to use theme setting variables where possible instead of hard-coded colors, and try not to use !important unless it's absolutely necessary.

This worked =] thanks.