Selected text in WYSIWYG editor

Post

Posted
Rating:
#2062 (In Topic #395)
RailDude64
Avatar
Standard member
RailDude64 is in the usergroup ‘Fan in training’
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!
RailDude64
IT and $ guy for
San Antonio Railroad Heritage Museum SARHM.org
Using Composr on InMotionHosting.com
Composr: 10.0.26
Linux: 2.6.32-954.3.5.lve1.4.64.el6.x86_64
PHP: 5.6.39
MySQL: 10.2.12-MariaDB-log 
Online now: No Back to the top

Post

Posted
Rating:
#2065
Chris Graham
Avatar
Site director
Chris Graham is in the usergroup ‘Administrators’
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.

Become a fan of Composr on Facebook or add me as a friend. Add me on on Mastodon. Follow me on Minds (where I am most active). Support me on Patreon

Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about Composr whenever you see the opportunity or support me on Patreon.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying Composr on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Online now: No Back to the top

Post

Posted
Rating:
#2264
RichT
Avatar
Standard member
RichT is in the usergroup ‘Well-settled’
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.
 
Online now: No Back to the top
1 guest and 0 members have just viewed this.

Statistics

Forum statistics:
  • 2,053 topics, 7,195 posts, 10,854 members
  • Our newest member is sdtgyet634
Birthdays:
Back to Top