<table><tr><td style="">filipf added a comment.
</td><a style="text-decoration: none; padding: 4px 8px; margin: 0 8px 8px; float: right; color: #464C5C; font-weight: bold; border-radius: 3px; background-color: #F7F7F9; background-image: linear-gradient(to bottom,#fff,#f1f0f1); display: inline-block; border: 1px solid rgba(71,87,120,.2);" href="https://phabricator.kde.org/D18649">View Revision</a></tr></table><br /><div><div><p>There's definitely a legibility issue here. I do, however, think the gradient is a sleeker solution. The problem for me has actually been with the icons themselves. They're too scrawny and become more legible when thicker:</p>

<p><a href="https://phabricator.kde.org/F6582065" style="background-color: #e7e7e7;
          border-color: #e7e7e7;
          border-radius: 3px;
          padding: 0 4px;
          font-weight: bold;
          color: black;text-decoration: none;">F6582065: Screenshot_20190202_001342.png</a></p>

<p>Especially when they're like this:</p>

<p><a href="https://phabricator.kde.org/F6582057" style="background-color: #e7e7e7;
          border-color: #e7e7e7;
          border-radius: 3px;
          padding: 0 4px;
          font-weight: bold;
          color: black;text-decoration: none;">F6582057: Screenshot_20190202_001403.png</a></p>

<p>My fave solution would be to tweak the icons (maybe have special ones just for this use case) and to strengthen the gradient more. But this solution here works as well and it's not a big deal.</p></div></div><br /><div><strong>REPOSITORY</strong><div><div>R296 KDeclarative</div></div></div><br /><div><strong>REVISION DETAIL</strong><div><a href="https://phabricator.kde.org/D18649">https://phabricator.kde.org/D18649</a></div></div><br /><div><strong>To: </strong>ngraham, VDG, Plasma, broulik<br /><strong>Cc: </strong>filipf, abetts, GB_2, kde-frameworks-devel, michaelh, ngraham, bruns<br /></div>