[Cosmetic] Author Badge on Firefox

[SeNioR-]

Hello 👋 I noticed that the author badge on Mozilla Firefox has a strange outline.

Firefox:

Chrome:

@Ehren

Edited July 19, 2023 by SeNioR-

[Ehren]

Thanks, this seems to be a rendering issue with Firefox and semi-transparent gradients. At the time, it was the only way to blend currentColor with a semi-transparent version of the background color.

This can now be done with color-mix. If you'd like to update it on your site, adding this to custom.css should do the trick:

@supports (color: color-mix(in srgb, red, blue)){
  .ipsBadge{
    background: var(--badge--background, color-mix(in srgb, currentColor 10%, rgba( var(--theme-area_background_reset), 1 )));
  }
}