doc: add dark mode styles

Pulled colors from nodejs.dev Refs: nodejs#35793
jabyrd3 · Nov 28, 2020 · 04b1cb1 · 04b1cb1
1 parent 2999845
commit 04b1cb1
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 0 deletions.
diff --git 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
@@ -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;
+  }
+}