openvibers/openvibe.shared Commits

The fire name effect reads at WCAG AA on a red-tinted row (#282)

OP OpenVibers committed 10 days ago · d31cbb9ca2 · 1 file, +4 −3

axe on openvibe.chat (11-03): 4.42:1 on #581e1c, under 4.5. #ff7a1f reads at 4.98 there and 7.2 on
the page, and is still the fire's orange. Rides the next release.

Changes

ddiff --git a/items.css b/items.css
iindex 559bdbe..515cc00 100644
---- a/items.css
++++ b/items.css
@@@ -27,14 +27,15 @@
      100% { background-position: 400% 50%; }
  }
  
--/* Fire — warm pulse with glow */
++/* Fire — warm pulse with glow. The darkest frame is #ff7a1f, not #ff6600: on a red-tinted chat row (#581e1c) the old one
++   read at 4.42:1, under WCAG AA's 4.5 (axe on openvibe.chat, 11-03); #ff7a1f reads at 4.98 there and 7.2 on the page. */
  .name-fx-fire {
--    color: #ff6600 !important;
++    color: #ff7a1f !important;
      text-shadow: 0 0 6px #ff4400, 0 0 12px #ff220088, 0 0 20px #cc110044;
      animation: nameFxFire 1.5s ease-in-out infinite alternate;
  }
  @keyframes nameFxFire {
--    0% { text-shadow: 0 0 6px #ff4400, 0 0 12px #ff220088; color: #ff6600; }
++    0% { text-shadow: 0 0 6px #ff4400, 0 0 12px #ff220088; color: #ff7a1f; }
      100% { text-shadow: 0 0 10px #ff8800, 0 0 20px #ff440088, 0 0 30px #cc220044; color: #ffaa00; }
  }