Source editor background color

[Fatal Resort]

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 =/

[Fatal Resort]

bump

[Day_]

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

[Fatal Resort]

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

[steve00]

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

[ehren.]

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.

[Fatal Resort]

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.