<p>Our blue is less saturated and lighter than the bootstrap-default blue, and so the bootstrap-default secondary colour is too dark and too saturated when beside our primary buttons.</p>
<p>I'd noticed this a while ago with the terms page (the only place we currently use a secondary-link with default bootstrap colours) but this was much more apparent when reviewing <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="950897583" data-permission-text="Title is private" data-url="https://github.com/openstreetmap/openstreetmap-website/issues/3267" data-hovercard-type="pull_request" data-hovercard-url="/openstreetmap/openstreetmap-website/pull/3267/hovercard" href="https://github.com/openstreetmap/openstreetmap-website/pull/3267">#3267</a></p>
<p>Before:</p>
<p><a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/360803/127331382-f0f87aed-2ee7-41c7-85b7-2975223a44d4.png"><img src="https://user-images.githubusercontent.com/360803/127331382-f0f87aed-2ee7-41c7-85b7-2975223a44d4.png" alt="Screenshot from 2021-07-28 14-31-46" style="max-width:100%;"></a></p>
<p>After:</p>
<p><a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/360803/127331385-00d7400d-395a-48c3-94e0-d5090afc6525.png"><img src="https://user-images.githubusercontent.com/360803/127331385-00d7400d-395a-48c3-94e0-d5090afc6525.png" alt="Screenshot from 2021-07-28 14-31-55" style="max-width:100%;"></a></p>
<hr>
<h4>You can view, comment on, or merge this pull request online at:</h4>
<p> <a href='https://github.com/openstreetmap/openstreetmap-website/pull/3277'>https://github.com/openstreetmap/openstreetmap-website/pull/3277</a></p>
<h4>Commit Summary</h4>
<ul>
<li>Use our darkgrey for bootstrap secondary colour</li>
</ul>
<h4>File Changes</h4>
<ul>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/3277/files#diff-d2e82deee467e04b34fde66bc330f96ed2020aefc541445c1d576a56612ee71b">app/assets/stylesheets/parameters.scss</a>
(1)
</li>
</ul>
<h4>Patch Links:</h4>
<ul>
<li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/3277.patch'>https://github.com/openstreetmap/openstreetmap-website/pull/3277.patch</a></li>
<li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/3277.diff'>https://github.com/openstreetmap/openstreetmap-website/pull/3277.diff</a></li>
</ul>
<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/pull/3277">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLKRMEAY75NPGTOOAL3T2ABTFANCNFSM5BEMDNZQ">unsubscribe</a>.<img src="https://github.com/notifications/beacon/AAK2OLPYHBU4Q5CPNGDSYFTT2ABTFA5CNFSM5BEMDNZ2YY3PNVWWK3TUL52HS4DFUVEXG43VMWVGG33NNVSW45C7NFSM4OHKBXNA.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/pull/3277",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/3277",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>