Skip to content

Commit e3677e6

Browse files
Use OpenSSF brand colors, fixes #160 (#719)
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]>
1 parent 0b1e026 commit e3677e6

File tree

1 file changed

+19
-0
lines changed

1 file changed

+19
-0
lines changed

docs/assets/css/style.scss

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -149,3 +149,22 @@ h2.nocount:before, h3.nocount:before, h4.nocount:before, h5.nocount:before, h6.n
149149
h1, h2, h3, h4, h5, h6 {
150150
break-after: avoid-page;
151151
}
152+
153+
/* Set links to some color listed in the OpenSSF pallette in
154+
* https://openssf.org/about/brand-guidelines/ */
155+
/* unvisited link */
156+
a:link {
157+
color: #45208c;
158+
}
159+
/* visited link */
160+
a:visited {
161+
color: #604693;
162+
}
163+
/* mouse over link */
164+
a:hover {
165+
color: #170D34;
166+
}
167+
/* selected link */
168+
a:active {
169+
color: #04ee5f;
170+
}

0 commit comments

Comments
 (0)