News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

MacBook color rendering

Started by Sir Osis of Liver, May 05, 2023, 01:27:38 PM

Previous topic - Next topic

Sir Osis of Liver

One of my members has complained that link colors (dark blue) are almost invisible on message background (light blue) in custom theme when viewed on MacBook Air.  Looks fine to me, and to other members using various computers and mobile devices.  Has anyone experienced problems with color rendering on Macs?  Am waiting on screenshot.
Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

Diego Andrés

Check if it's the :visited causing the issue for the user, it could be a different color.

SMF Tricks - Free & Premium Responsive Themes for SMF.

Sesquipedalian

I use a MacBook Air every day. I have never experienced any colour issues with the display.

  • Perhaps the user should check which colour profile they are using in their display settings. It's possible to choose from a number of alternative colour profiles. If they changed it at some point, they might want to try switching back to the default colour profile.
  • Perhaps the user has vision issues and may want to consider enabling the accessibility features of their laptop to help.
  • Perhaps there's something wrong with their machine and they should get it repaired.
I promise you nothing.

Sesqu... Sesqui... what?
Sesquipedalian, the best word in the English language.

Sir Osis of Liver

Still no screenshots, but colors render correctly in Safari, not in Firefox.  Possibly a browser setting.
Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

Sir Osis of Liver

Ok, here's how it's supposed to look, and does to most users -

You cannot view this attachment.

Here's how it looks on Mac Firefox -

You cannot view this attachment.

Post title and link in message are both formatted with this -


     .postarea a:link #334486


But in Mac FF link color is much lighter.  Browser settings are almost certainly default.

Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

Diego Andrés

I"m still on this:

Quote from: Diego Andrés on May 05, 2023, 03:48:16 PMCheck if it's the :visited causing the issue for the user, it could be a different color.

Try adding it to your custom selectors since you said it's a custom theme.

SMF Tricks - Free & Premium Responsive Themes for SMF.

Sir Osis of Liver

Crap, missed that post.  This is what I have -


/* Normal, standard links. */
a:link, a:visited {
      color: #84B4E1;

.postarea a:link {
color: #334486;
}


That's light blue.

I've changed to this, will see what happens -


.postarea a:link, a:visited {
color: #334486;
}

Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

Julius_2000

Could this be related to different color spaces of those devices?

Sesquipedalian

It's the same device, just different browsers.
I promise you nothing.

Sesqu... Sesqui... what?
Sesquipedalian, the best word in the English language.

Sir Osis of Liver

Looks like Win and Android FF and Mac Safari ignore a:visited and use a:link only for all links, but Mac FF applies a:visited to links.  Waiting for confirmation on change I made.
Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

Sir Osis of Liver


.postarea a:link, a:visited {
color: #334486;
}


This is causing a:visited to change on board index in Android FF.  >:(
Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

Diego Andrés

That one is missing some specificity, as it is it will affect all links (assuming the browser doesn't ignore it, I've seen that issue before too).
Shouldn't it be like this?

.postarea a:link, .postarea a:visited {
color: #334486;
}


SMF Tricks - Free & Premium Responsive Themes for SMF.

Sir Osis of Liver

Changed it to this -


.postarea a:link {
color: #334486;
}
.postarea a:visited {
color: #334486;
}


Should be same thing.  Will have a look next time I'm on the tab.
Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

Sir Osis of Liver

This is apparently fixed for all users.  Seems that some browsers ignore a:visited, some don't.

Thanks, Diego.
Ashes and diamonds, foe and friend,
 we were all equal in the end.

                                     - R. Waters

Advertisement: