diff --git a/docs/assets/styles/docs.css b/docs/assets/styles/docs.css
index e1632491..baa3c8cf 100644
--- a/docs/assets/styles/docs.css
+++ b/docs/assets/styles/docs.css
@@ -19,11 +19,11 @@ body {
 }
 
 a {
-  color: var(--sl-color-primary-700);
+  color: var(--sl-color-primary-600);
 }
 
 a:hover {
-  color: var(--sl-color-primary-800);
+  color: var(--sl-color-primary-700);
 }
 
 strong {
@@ -70,7 +70,7 @@ strong {
 }
 
 .sidebar-toggle:active .sidebar-toggle-button span {
-  background-color: var(--sl-color-primary-700);
+  background-color: var(--sl-color-primary-600);
 }
 
 .sidebar-toggle:focus {
@@ -110,7 +110,7 @@ strong {
 
 .sidebar-nav li.collapse > a,
 .sidebar-nav li.active > a {
-  color: var(--sl-color-primary-700);
+  color: var(--sl-color-primary-600);
 }
 
 .sidebar li > p {
@@ -346,7 +346,7 @@ kbd,
 .markdown-section pre .token.keyword,
 .markdown-section pre .token.tag,
 .markdown-section pre .token.url {
-  color: var(--sl-color-blue-700);
+  color: var(--sl-color-sky-800);
 }
 
 .markdown-section pre .token.symbol,