diff --git a/site/documents/index/static/bullet_dark.svg b/site/documents/index/static/bullet_dark.svg
index cf309fb..1e296fa 100644
--- a/site/documents/index/static/bullet_dark.svg
+++ b/site/documents/index/static/bullet_dark.svg
@@ -5,7 +5,7 @@ Values "mix-x min-y width height" for attribute "viewBox" of element <svg> are c
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="-50 -88 100 175">
   <style>
     .symbol {
-      fill: #f3f3f6;
+      fill: #e1e1e1;
       text-anchor: middle;
       dominant-baseline: middle;
       font-family: Helvetica, Arial, sans-serif;
diff --git a/site/documents/index/static/dash_dark.svg b/site/documents/index/static/dash_dark.svg
index 0475f8d..1e7670a 100644
--- a/site/documents/index/static/dash_dark.svg
+++ b/site/documents/index/static/dash_dark.svg
@@ -5,7 +5,7 @@ Values "mix-x min-y width height" for attribute "viewBox" of element <svg> are c
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="-50 -88 100 175">
   <style>
     .symbol {
-      fill: #f3f3f6;
+      fill: #e1e1e1;
       text-anchor: middle;
       dominant-baseline: middle;
       font-family: Helvetica, Arial, sans-serif;
diff --git a/site/documents/index/static/dot_dark.svg b/site/documents/index/static/dot_dark.svg
index 66dd9bb..d498efd 100644
--- a/site/documents/index/static/dot_dark.svg
+++ b/site/documents/index/static/dot_dark.svg
@@ -5,7 +5,7 @@ Values "mix-x min-y width height" for attribute "viewBox" of element <svg> are c
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="-50 -88 100 175">
   <style>
     .symbol {
-      fill: #f3f3f6;
+      fill: #e1e1e1;
       text-anchor: middle;
       dominant-baseline: middle;
       font-family: Helvetica, Arial, sans-serif;
diff --git a/site/documents/index/static/new_tab_dark.svg b/site/documents/index/static/new_tab_dark.svg
index a167ac5..2950896 100644
--- a/site/documents/index/static/new_tab_dark.svg
+++ b/site/documents/index/static/new_tab_dark.svg
@@ -5,7 +5,7 @@ Values "mix-x min-y width height" for attribute "viewBox" of element <svg> are c
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="-50 -88 100 175">
   <style>
     .symbol {
-      fill: #f3f3f6;
+      fill: #e1e1e1;
       text-anchor: middle;
       dominant-baseline: middle;
       font-family: Helvetica, Arial, sans-serif;
diff --git a/site/documents/index/static/styles.css b/site/documents/index/static/styles.css
index bc68cb6..c967d69 100644
--- a/site/documents/index/static/styles.css
+++ b/site/documents/index/static/styles.css
@@ -46,15 +46,15 @@
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --bg-color: #1c1b22;
+    --bg-color: #171718;
     --bg-color-pre: #ffffff09;
     --border-color-hr: #ffffff11;
-    --text-color: #f3f3f6;
-    --text-color-link: #8c8cff;
+    --text-color: #e1e1e1;
+    --text-color-link: #78a7ff;
     --text-color-link-active: #ff6666;
-    --text-color-link-visited: #ffadff;
-    --bg-color-text-selection: #f3f3f680;
-    --color-focus-outline: #f3f3f680;
+    --text-color-link-visited: #c797e2;
+    --bg-color-text-selection: #e1e1e180;
+    --color-focus-outline: #e1e1e180;
     --url-icon-new-tab: url('./new_tab_dark.svg');
     --url-icon-bullet: url('./bullet_dark.svg');
     --url-icon-dot: url('./dot_dark.svg');