Simple Machines Community Forum

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.

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

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.

Still no screenshots, but colors render correctly in Safari, not in Firefox.  Possibly a browser setting.

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.

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.

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;
}



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

It's the same device, just different browsers.

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.


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


This is causing a:visited to change on board index in Android FF.  >:(

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;
}



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.

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

Thanks, Diego.