Adjust link color to improve accessibility.

2 files changed, 9 insertions, 5 deletions

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 874fe0203..99b16b4bb 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -1,5 +1,11 @@
 // Custom styles.
 
+// Apply the link-color to blocks with white background to improve
+// accessibility.
+a, .td-box--secondary p > a, .td-box--white p > a {
+    color: $link-color;
+}
+
 // The table anchor for syscall references so that entries referenced
 // directly by an anchor aren't buried underneath the header.
 a.doc-table-anchor {
@@ -15,6 +21,7 @@ a.doc-table-anchor {
    width: auto;
 }
 
+// Only show the logo in the header after scrolling down the page.
 .td-navbar-cover .navbar-brand {
     display: none;
 }
@@ -22,22 +29,18 @@ a.doc-table-anchor {
     display: inherit;
 }
 
-// Cover block.
+// Left align the cover block and increase text size.
 .td-default main section.td-cover-block h1 {
     padding-bottom: 6rem;
 }
-
 .td-default main section.td-cover-block {
     padding-top: 4rem;
     padding-bottom: 8rem;
 }
-
 .td-default main section.td-cover-block p.lead {
     width: 50%;
     font-size: 2rem;
 }
-
 .td-default main section.td-cover-block p.lead strong {
     font-weight: bold;
 }
-
diff --git a/assets/scss/_variables_project.scss b/assets/scss/_variables_project.scss
index 8a48c650d..8a1da2106 100644
--- a/assets/scss/_variables_project.scss
+++ b/assets/scss/_variables_project.scss
@@ -1,6 +1,7 @@
 // Colors.
 $primary: #262362;
 $secondary: #ffffff;
+$link-color: #286FD7;
 
 // Fonts.
 $google_font_name: "Roboto";