From 04b1cb14161d9ec5738052132d7b5951f8a7a80b Mon Sep 17 00:00:00 2001
From: Jordan Byrd <jabyrd3@gmail.com>
Date: Sat, 28 Nov 2020 12:43:22 -0500
Subject: [PATCH 1/2] doc: add dark mode styles

Pulled colors from nodejs.dev

Refs: https://github.com/nodejs/node/issues/35793
---
 doc/api_assets/hljs.css  | 28 ++++++++++++++++++++++++++++
 doc/api_assets/style.css | 16 ++++++++++++++++
 2 files changed, 44 insertions(+)

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..0c50d64e9f59bf 100644
--- a/doc/api_assets/style.css
+++ b/doc/api_assets/style.css
@@ -716,3 +716,19 @@ kbd {
     overflow: hidden;
   }
 }
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: #090c15; 
+    color: #cbd4d9;
+  }
+  a:link {
+    color: #5fa04e; 
+  }
+  #column2.interior, #column2 ul {
+    background-color: #0d111d; 
+  }
+  pre,tt,code {
+    color: #e9edf0;
+    background-color: #2c3437;
+  }
+}

From 9ff8c139144a610d25e52d013530202c5309f03f Mon Sep 17 00:00:00 2001
From: Jordan Byrd <jabyrd3@gmail.com>
Date: Mon, 30 Nov 2020 09:04:55 -0500
Subject: [PATCH 2/2] doc: remove whitespace and tweak link contrast

---
 doc/api_assets/style.css | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/doc/api_assets/style.css b/doc/api_assets/style.css
index 0c50d64e9f59bf..d8c6084fc0cec5 100644
--- a/doc/api_assets/style.css
+++ b/doc/api_assets/style.css
@@ -718,14 +718,17 @@ kbd {
 }
 @media (prefers-color-scheme: dark) {
   body {
-    background-color: #090c15; 
+    background-color: #090c15;
     color: #cbd4d9;
   }
   a:link {
-    color: #5fa04e; 
+    color: #5fa04e;
+  }
+  a:link:hover{
+    color: white;
   }
   #column2.interior, #column2 ul {
-    background-color: #0d111d; 
+    background-color: #0d111d;
   }
   pre,tt,code {
     color: #e9edf0;