Skip to content

Commit

Permalink
Use OpenSSF brand colors, fixes #160 (#719)
Browse files Browse the repository at this point in the history
Switch to OpenSSF brand colors for hyperlink text.
The OpenSSF Brand Guidelines are here:
https://openssf.org/about/brand-guidelines/

We changed best.openssf.org to use OpenSSF's fonts long ago,
but we never changed the hyperlink colors to adhere to the
guidelines. This commit changes hyperlinks to also use
OpenSSF brand colors.

I intentionally chose dark colors to provide *strong* contrast with
the white background.  This site provides mostly documents, with
with text that is smaller than the main OpenSSF website.
So ensuring we have *good* contrast between the text and the background
seemed especially important.

For more about changing link colors, see:
https://www.w3schools.com/css/css_link.asp

I suggest that we can argue about changing these colors later.
Once this commit is accepted, it's much easier to change the colors again :-).

Signed-off-by: David A. Wheeler <[email protected]>
  • Loading branch information
david-a-wheeler authored Jan 21, 2025
1 parent 0b1e026 commit e3677e6
Showing 1 changed file with 19 additions and 0 deletions.
19 changes: 19 additions & 0 deletions docs/assets/css/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -149,3 +149,22 @@ h2.nocount:before, h3.nocount:before, h4.nocount:before, h5.nocount:before, h6.n
h1, h2, h3, h4, h5, h6 {
break-after: avoid-page;
}

/* Set links to some color listed in the OpenSSF pallette in
* https://openssf.org/about/brand-guidelines/ */
/* unvisited link */
a:link {
color: #45208c;
}
/* visited link */
a:visited {
color: #604693;
}
/* mouse over link */
a:hover {
color: #170D34;
}
/* selected link */
a:active {
color: #04ee5f;
}

0 comments on commit e3677e6

Please sign in to comment.