<p></p>
<p><a class="user-mention" data-hovercard-type="user" data-hovercard-url="/users/gravitystorm/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/gravitystorm">@gravitystorm</a> <a href="https://twitter.com/gravitystorm/status/1283697101977923590" rel="nofollow">suggested me</a> to open an issue to discuss link/button styles.</p>
<p>I think we need a better colour palette definition to the website. We have 2 blue tones to buttons and links, and they don't combine well with other parts of the website. Some examples:</p>
<ul>
<li>Share map active button is green. Link active button is blue. The <code>geo</code> link (<code>#24d</code>) adds a third blue tone to the screen and looks like an unformatted link.</li>
</ul>
<p><a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/666291/87871200-d6830c00-c984-11ea-8cba-d33a0ee23cc4.png"><img src="https://user-images.githubusercontent.com/666291/87871200-d6830c00-c984-11ea-8cba-d33a0ee23cc4.png" alt="image" style="max-width:100%;"></a></p>
<ul>
<li>On the Diaries, the blue colour for the links doesn't look harmonic with other colours on the page. The + button is darker than the buttons we see in other parts of the website.</li>
</ul>
<p><a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/666291/87871219-f5819e00-c984-11ea-9a88-a8b4023d6f3a.png"><img src="https://user-images.githubusercontent.com/666291/87871219-f5819e00-c984-11ea-9a88-a8b4023d6f3a.png" alt="Screen Shot 2020-07-19 at 05 58 52" style="max-width:100%;"></a></p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />You are receiving this because you are subscribed to this thread.<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/issues/2716">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLIFR3OZLTV5UL5EASLR4K4ITANCNFSM4PBDNNNQ">unsubscribe</a>.<img src="https://github.com/notifications/beacon/AAK2OLIDERFL7F6VMLKH73DR4K4ITA5CNFSM4PBDNNN2YY3PNVWWK3TUL52HS4DFUVEXG43VMWVGG33NNVSW45C7NFSM4J3BZYKQ.gif" height="1" width="1" alt="" /></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/issues/2716",
"url": "https://github.com/openstreetmap/openstreetmap-website/issues/2716",
"name": "View Issue"
},
"description": "View this Issue on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>