Accessible orange hyperlink (#581)

palewire · choldgraf · web-flow · commit b868aebcc108 · 2021-12-29T17:57:31.000-06:00
* Update _colors.scss

* Update _hyperlinks.scss

* Update _sass/settings/_colors.scss

Co-authored-by: Chris Holdgraf &lt;choldgraf@berkeley.edu&gt;

Co-authored-by: Chris Holdgraf &lt;choldgraf@berkeley.edu&gt;
diff --git a/_sass/components/_hyperlinks.scss b/_sass/components/_hyperlinks.scss
@@ -1,7 +1,7 @@
 @import "settings/colors";
 
 a {
-  color: $orange;
+  color: $dark-orange;
   text-decoration: none;
 }
 a:hover,
diff --git a/_sass/settings/_colors.scss b/_sass/settings/_colors.scss
@@ -1,5 +1,6 @@
 // Jupyter official orange
 $orange: #F37626;
+$dark-orange: #C5540B;  // A close shade of Jupyter orange that's more readable on white
 
 // Jupyter official grays
 $dark-gray: #4D4D4D;

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`@import "settings/colors";`
`2`	`2`
`3`	`3`	`a {`
`4`		`- color: $orange;`
	`4`	`+ color: $dark-orange;`
`5`	`5`	`text-decoration: none;`
`6`	`6`	`}`
`7`	`7`	`a:hover,`