Selected text in WYSIWYG editor

Post

Posted
Rating:
#2086 (In Topic #441)
RailDude64
Has anybody figured out a way to change the font colors of selected text in the WYSIWYG editor screen?  In Chrome on Win8.1, the selected text shows up as a very faint yellow with black text.  There is very little contrast between the normal text and the →selected text←, so it makes it difficult to apply styles, and hyperlinks, precisely.  (and yes there is a slight background color change to the text between the arrows).  Suffice it to say, I would be happy with the selected text showing up as white on blue, like in notepad.

We old guys appreciate your support!

Post

Posted
Rating:
#2089
Chris Graham
Hi,

The default theme changes the colour as blue is used for other highlights.
That change will by default inherit into other themes.

I suggest changing in global.css:

Code

::selection {
   background: {$GET,yellow_highlight_background};
}
to:

Code

.website_body ::selection {
   background: {$GET,yellow_highlight_background};
}

That'll make the WYSIWYG use the default selection style, with the yellow only for when selecting site content. We'll make that change in 10.0.1.

Or, you can just remove the whole bit of code if you want the default everywhere.

Or you can put in a CSS colour code of your own.

Post

Posted
Rating:
#2288
RichT
If you want to try it, here's my altered version for "::selection"

Code

::selection {
    background: #000000;
    color: #ffff00;
}
(RGB values given here output yellow text on black background - you can change these, of course.)

This applies globally, i.e. in editor windows as well on displayed pages, text input fields, etc.

If you're wanting to display formatted highlighted text within a page, there's a "highlight" tag for that in the Comcode Tag Assistant (under Formatting tags) on the editor toolbar.
 
0 guests and 0 members have recently viewed this.