28

Sometime in the last hour or so the badges in the activity tab of the profile* have changed: screenshot with light-grey-text-on-white badges in dark theme

On hover the badges are dark again.

(*For the record, it's also visible in dupe closure banners and https://stackoverflow.com/help/badges, but these have to be the same style.)

4
  • 2
    In addition to the primary.css rule of .badge:hover, .badge-tag:hover { color: hsl(0,0%,100%); background-color: hsl(210,8%,5%);} not taking into account dark mode, there's also an issue with the :hover classes, which use .badge:hover, .badge-tag:hover {color: hsl(0,0%,100%); background-color: hsl(210,8%,5%);} It looks like the CSS handles dark mode in two different ways A) by using CSS variables to change what the colors are and B) use explicit body.theme-dark rules. It would be better if the CSS consistently used the color value variables, so that dark mode and theming was handled.
    – Makyen Mod
    Commented Sep 28, 2021 at 17:33
  • 9
    Potentially related: High contrast mode beta
    – VLAZ
    Commented Sep 28, 2021 at 17:34
  • 3
    Plot twist: It's become a spoiler-like bait so you have to hover/click to see what badge you got.
    – Ollie
    Commented Sep 28, 2021 at 18:00
  • @Ollie You have to see all of the user's posts in order to know that, if you don't want the spoilers :P
    – VLAZ
    Commented Sep 28, 2021 at 18:03

1 Answer 1

Reset to default
16

Thanks for catching this! This is related to the High contrast mode beta mentioned by @VLAZ. We have a fix in the works!

1

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .