diff --git a/docs/tools/mkdocs-material-theme/assets/stylesheets/custom.css b/docs/tools/mkdocs-material-theme/assets/stylesheets/custom.css
index 1642d6eea54..f6f0fbf3bfd 100644
--- a/docs/tools/mkdocs-material-theme/assets/stylesheets/custom.css
+++ b/docs/tools/mkdocs-material-theme/assets/stylesheets/custom.css
@@ -2,9 +2,8 @@ body {
     font: 300 14pt/200% -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji,Segoe UI Emoji;
 }
 
-
 a:link, a:visited {
-    color: #08f;
+    color: #f14600;
     text-decoration: none;
 }
 
@@ -16,14 +15,12 @@ a:link, a:visited {
     color: #888 !important;
 }
 
-
 .md-nav__link:hover, .md-nav__link:active {
-    color: #08f !important;
+    color: #f14600 !important;
     text-decoration: none;
 }
 
 a:hover, a:active {
-    color: #f00;
     text-decoration: underline;
 }
 
@@ -52,7 +49,7 @@ h1, h2, h3, .md-logo {
 
 .md-content__icon:hover {
     text-decoration: none !important;
-    color: #08f !important;
+    color: #f14600 !important;
 }
 
 .md-search-result__link {
diff --git a/website/index.css b/website/index.css
index b73a8f52795..bfe0d49bd76 100644
--- a/website/index.css
+++ b/website/index.css
@@ -77,12 +77,11 @@ h2 {
 }
 
 a:link, a:visited {
-    color: #08f;
+    color: #f14600;
     text-decoration: none;
 }
 
 a:hover, a:active {
-    color: #f00;
     text-decoration: underline;
 }
 
@@ -251,9 +250,9 @@ img {
 }
 
 .distributive_not_selected {
-    color: #08f;
+    color: #f14600;
     cursor: pointer;
-    border-bottom: 1px solid #08f;
+    border-bottom: 1px solid #f14600;
 }
 
 #tutorial_logo {
@@ -287,8 +286,8 @@ img {
 }
 
 .spoiler_title {
-    color: #08f;
-    border-bottom: 1px dotted #08f;
+    color: #f14600;
+    border-bottom: 1px dotted #f14600;
 }
 
 .spoiler_title:hover {