Why Icons Lose Contrast on Translucent Cards

An icon can look clear in a component preview and become difficult to see when the background changes. In our test, the same download icon went from a minimum sampled contrast of 4.42:1 on a light background to 1.04:1 on a dark background. Its SVG, color and size stayed the same. The difference came from the translucent card behind it. We tested... Weiterlesen: Why Icons Lose Contrast on Translucent Cards