Invision Community 4: SEO, prepare for v5 and dormant account notifications Matt November 11, 2024Nov 11
Posted November 3, 20159 yr 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 =/
November 4, 20159 yr Community Expert 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
November 4, 20159 yr Author 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
November 5, 20159 yr 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
November 5, 20159 yr 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.
November 5, 20159 yr Author 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.
Archived
This topic is now archived and is closed to further replies.