Nav eval > Improve empty state text contrast for pinned items

Problem

Empty state text will fail in a few themes (6/10). Learn more.

Solution

Add mix-blend: multiply to text to make it complaint in all the light themes

Theme	Result	Screenshot
Light Gray (default)	text-color: #737278 mix-blend: multiply background-color: #FBFAFD ↳ ✅ 4.6:1 AA
Indigo	text-color: #737278 mix-blend: multiply background-color: #F8F8FF ↳ ✅ 4.6:1 AA
Light Indigo	text-color: #737278 mix-blend: multiply background-color: #F8F8FF ↳ ✅ 4.6:1 AA
Blue	text-color: #737278 mix-blend: multiply background-color: #E6ECF1 ↳ ✅ 4.5:1 AA
Light Blue	text-color: #737278 mix-blend: multiply background-color: #EEF3F7 ↳ ✅ 4.6:1 AA
Green	text-color: #737278 mix-blend: multiply background-color: #EEF4EF ↳ ✅ 4.7:1 AA
Light Green	text-color: #737278 mix-blend: multiply background-color: #EEF4EF ↳ ✅ 4.7:1 AA
Red	text-color: #737278 mix-blend: multiply background-color: #FAF4F3 ↳ ✅ 4.7:1 AA
Light Red	text-color: #737278 mix-blend: multiply background-color: #FDF9F8 ↳ ✅ 4.7:1 AA
Gray	text-color: #737278 mix-blend: multiply background-color: #F6F6F7 ↳ ✅ 4.7:1 AA