Fatal Resort Posted November 3, 2015 Posted November 3, 2015 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 =/
Day_ Posted November 4, 2015 Posted November 4, 2015 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 Posted November 4, 2015 Author Posted November 4, 2015 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 Posted November 5, 2015 Posted November 5, 2015 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. Posted November 5, 2015 Posted November 5, 2015 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 Posted November 5, 2015 Author Posted November 5, 2015 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.
Recommended Posts
Archived
This topic is now archived and is closed to further replies.