• Please take a moment to look over the Suggestions & Feedback rules before making a post: READ RULES HERE

Choosing unique font colors not good for light colored forum theme

waterworks

Senior Member
Joined
Sep 28, 2013
Messages
1,018
Reaction score
383
For all posters who like to use unique font colors in their posts, which seems to be especially popular in the journey threads which I love to read, it's impossible to read font in the cyan, yellow, and light green or blue spectrum. I have to edit css on the page to force #000 for all font.

This is because I use the light-colored theme option for the forum which is much easier on my eyes than the super high contrast dark version. Although the dark version of the forum does look pretty cool, my eyes strain too much.

Is it possible you could add some CSS to force all font to be black, for users who choose to use white background? I'm probably one of the few.

Currently I'm using script monkey to force all text on forum to be black so I can read it easier. But only works on my desktop. :)
 
i have the same quite often ...... but we are a minority. the most love black :)
 
Here is code I use to force font to black. Quick and dirty but it works. If I come across a thread with colors, then I'll add another class to cover whichever one I missed.

Code:
body, .mainContainer, .mainContent, .pageNavLinkGroup, .messageList, .messageContent, ul, li, a, p, span, ul li a {color:#000 !important}
 
Here is code I use to force font to black. Quick and dirty but it works. If I come across a thread with colors, then I'll add another class to cover whichever one I missed.

Code:
body, .mainContainer, .mainContent, .pageNavLinkGroup, .messageList, .messageContent, ul, li, a, p, span, ul li a {color:#000 !important}
There's an addon for Chrome, which can help customizing the color scheme of sites: https://chrome.google.com/webstore/detail/care-your-eyes/fidmpnedniahpnkeomejhnepmbdamlhl?hl=en
 
Thanks. I will take a look although i like script monkey.
 
Can't stand the black and yellow personally, usually just highlight the text to read it bit more annoying on the phone. Would be nice if the theme replaced the lighter two rows of colours with darker shades but hey ho
 
For all posters who like to use unique font colors in their posts, which seems to be especially popular in the journey threads which I love to read, it's impossible to read font in the cyan, yellow, and light green or blue spectrum. I have to edit css on the page to force #000 for all font.

This is because I use the light-colored theme option for the forum which is much easier on my eyes than the super high contrast dark version. Although the dark version of the forum does look pretty cool, my eyes strain too much.

Is it possible you could add some CSS to force all font to be black, for users who choose to use white background? I'm probably one of the few.

Currently I'm using script monkey to force all text on forum to be black so I can read it easier. But only works on my desktop. :)
What colors work for the light side? The black lets those colors really POP OUT of the screen...

How does this orange look?
 
Good question SensualTyrannosaurus. I can tell you're a dinosaur for the people.

Really this is a study in UX design which I have about 15yrs of background. Quick tutorial would be to study the apple developer guidelines here: https://developer.apple.com/ios/human-interface-guidelines/visual-design/color/. No company has every driven home the importance of UX design like Apple. They simply force designers to use color schemes that work. They've spent millions on developing data on how color affects the end user so I would say they are trusted source when it comes to UX.

Apple demands a minimum of color contrast ratio 4.5:1 although 7:1 is preferred. See link above and then try different colors here to see what we're dealing with. http://leaverou.github.io/contrast-ratio/

Here are how colors look on light side. You can see from the color chart I put together, the fourth and fifth row of colors look most legible and are easiest to read.

White
Grey
Grey
Grey
Black

Red
Red
Red
Red
Red

Orange
Orange
Orange
Orange
Orange

Yellow
Yellow
Yellow
Yellow
Yellow

Green-Yellow
Green-Yellow
Green-Yellow
Green-Yellow
Green-Yellow

Green
Green
Green
Green
Green

Green-Blue
Green-Blue
Green-Blue
Green-Blue
Green-Blue

Cyan
Cyan
Cyan
Cyan
Cyan

Blue-Cyan
Blue-Cyan
Blue-Cyan
Blue-Cyan
Blue-Cyan

Blue
Blue
Blue
Blue
Blue

Purple
Purple
Purple
Purple
Purple

Purple-Magenta
Purple-Magenta
Purple-Magenta
Purple-Magenta
Purple-Magenta

Magenta
Magenta
Magenta

Magenta
Magenta
 
And here is an image for those with dark theme chosen.
 

Attachments

  • colors.jpg
    colors.jpg
    303.8 KB · Views: 4
And here is an image for those with dark theme chosen.
We already see the colors, if we're already in black. They all look so beautiful against this dark void of color.

For the cliff notes, the bottom 4 and 5 of each color look good on the light backdrop?
 
LOL yes that's the cliff notes consensus. I posted the text version for others with light color themes. I mistyped my words above that post.
 
They should have done different themes for different sides of the SEO table... White hat-white theme, black hat-black theme...
 
Back
Top