diff --git a/doc/api_assets/hljs.css b/doc/api_assets/hljs.css
index 026a93e194efc3..daefd4ad5940f6 100644
--- a/doc/api_assets/hljs.css
+++ b/doc/api_assets/hljs.css
@@ -28,3 +28,31 @@
   color: #666;
   font-weight: lighter;
 }
+
+@media (prefers-color-scheme: dark) {
+  .hljs-symbol {
+    color: #f92672;
+  }
+  .hljs-attribute,
+  .hljs-keyword {
+    color: #66d9ef;
+  }
+  .hljs-string {
+    color: #99cc7d;
+  }
+  .hljs-regexp,
+  .hljs-number {
+    color: #dbbdf9;
+  }
+  .hljs-doctag {
+    color: #040404;
+  }
+  .hljs-doctag .hljs-type,
+  .hljs-doctag .hljs-variable,
+  .hljs-comment {
+    color: #8292a2;
+  }
+  .hljs-built_in {
+    color: #f5bc75;
+  }
+}
diff --git a/doc/api_assets/style.css b/doc/api_assets/style.css
index 242cc6a7d11db2..d8c6084fc0cec5 100644
--- a/doc/api_assets/style.css
+++ b/doc/api_assets/style.css
@@ -716,3 +716,22 @@ kbd {
     overflow: hidden;
   }
 }
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: #090c15;
+    color: #cbd4d9;
+  }
+  a:link {
+    color: #5fa04e;
+  }
+  a:link:hover{
+    color: white;
+  }
+  #column2.interior, #column2 ul {
+    background-color: #0d111d;
+  }
+  pre,tt,code {
+    color: #e9edf0;
+    background-color: #2c3437;
+  }
+}