From 1f3634e30f568f114337bbcb2fa06546293e89e6 Mon Sep 17 00:00:00 2001
From: Aviv Keller <38299977+RedYetiDev@users.noreply.github.com>
Date: Mon, 13 May 2024 06:47:45 -0400
Subject: [PATCH] doc: update hljs with the latest styles

PR-URL: https://github.com/nodejs/node/pull/52911
Reviewed-By: Moshe Atlow <moshe@atlow.co.il>
Reviewed-By: Claudio Wunder <cwunder@gnome.org>
---
 doc/api_assets/hljs.css | 219 ++++++++++++++++++++++++++++++++--------
 1 file changed, 179 insertions(+), 40 deletions(-)

diff --git a/doc/api_assets/hljs.css b/doc/api_assets/hljs.css
index 4893f9de26fab4..86bd405709276c 100644
--- a/doc/api_assets/hljs.css
+++ b/doc/api_assets/hljs.css
@@ -1,50 +1,189 @@
-.hljs {
-  font-weight: normal;
-  font-style: normal;
+:not(.dark-mode) {
+  pre code.hljs {
+    display: block;
+    overflow-x: auto;
+    padding: 1em;
+  }
+  code.hljs {
+    padding: 3px 5px;
+  }
+  /*
+  
+  Visual Studio-like style based on original C# coloring by Jason Diamond <jason@diamond.name>
+  
+  */
+  .hljs {
+    background: white;
+    color: black;
+  }
+  .hljs-comment,
+  .hljs-quote,
+  .hljs-variable {
+    color: #008000;
+  }
+  .hljs-keyword,
+  .hljs-selector-tag,
+  .hljs-built_in,
+  .hljs-name,
+  .hljs-tag {
+    color: #00f;
+  }
+  .hljs-string,
+  .hljs-title,
+  .hljs-section,
+  .hljs-attribute,
+  .hljs-literal,
+  .hljs-template-tag,
+  .hljs-template-variable,
+  .hljs-type,
+  .hljs-addition {
+    color: #a31515;
+  }
+  .hljs-deletion,
+  .hljs-selector-attr,
+  .hljs-selector-pseudo,
+  .hljs-meta {
+    color: #2b91af;
+  }
+  .hljs-doctag {
+    color: #808080;
+  }
+  .hljs-attr {
+    color: #f00;
+  }
+  .hljs-symbol,
+  .hljs-bullet,
+  .hljs-link {
+    color: #00b0e8;
+  }
+  .hljs-emphasis {
+    font-style: italic;
+  }
+  .hljs-strong {
+    font-weight: bold;
+  }
 }
 
-.hljs-symbol {
-  color: #333;
-}
+.dark-mode {
 
-.hljs-attribute,
-.hljs-keyword,
-.hljs-type {
-  color: #338;
-}
+  pre code.hljs {
+    display: block;
+    overflow-x: auto;
+    padding: 1em;
+  }
 
-.hljs-string,
-.hljs-regexp,
-.hljs-number {
-  color: #cf350d;
-}
+  code.hljs {
+    padding: 3px 5px;
+  }
 
-.hljs-doctag {
-  color: #040404;
-}
+  /*
+   * Visual Studio 2015 dark style
+   * Author: Nicolas LLOBERA <nllobera@gmail.com>
+   */
+  .hljs {
+    background: #1E1E1E;
+    color: #DCDCDC;
+  }
 
-.hljs-doctag .hljs-type,
-.hljs-doctag .hljs-variable,
-.hljs-comment {
-  color: #666;
-  font-weight: lighter;
-}
+  .hljs-keyword,
+  .hljs-literal,
+  .hljs-symbol,
+  .hljs-name {
+    color: #569CD6;
+  }
 
-.dark-mode .hljs-number,
-.dark-mode .hljs-string,
-.dark-mode .hljs-regexp {
-  color: var(--green4);
-}
+  .hljs-link {
+    color: #569CD6;
+    text-decoration: underline;
+  }
 
-.dark-mode .hljs-attribute,
-.dark-mode .hljs-doctag,
-.dark-mode .hljs-keyword,
-.dark-mode .hljs-type {
-  color: #66d9ef;
-}
+  .hljs-built_in,
+  .hljs-type {
+    color: #4EC9B0;
+  }
+
+  .hljs-number,
+  .hljs-class {
+    color: #B8D7A3;
+  }
+
+  .hljs-string,
+  .hljs-meta .hljs-string {
+    color: #D69D85;
+  }
+
+  .hljs-regexp,
+  .hljs-template-tag {
+    color: #9A5334;
+  }
+
+  .hljs-subst,
+  .hljs-function,
+  .hljs-title,
+  .hljs-params,
+  .hljs-formula {
+    color: #DCDCDC;
+  }
+
+  .hljs-comment,
+  .hljs-quote {
+    color: #57A64A;
+    font-style: italic;
+  }
+
+  .hljs-doctag {
+    color: #608B4E;
+  }
+
+  .hljs-meta,
+  .hljs-meta .hljs-keyword,
+  .hljs-tag {
+    color: #9B9B9B;
+  }
+
+  .hljs-variable,
+  .hljs-template-variable {
+    color: #BD63C5;
+  }
+
+  .hljs-attr,
+  .hljs-attribute {
+    color: #9CDCFE;
+  }
+
+  .hljs-section {
+    color: gold;
+  }
+
+  .hljs-emphasis {
+    font-style: italic;
+  }
+
+  .hljs-strong {
+    font-weight: bold;
+  }
+
+  /*.hljs-code {
+    font-family:'Monospace';
+  }*/
+  .hljs-bullet,
+  .hljs-selector-tag,
+  .hljs-selector-id,
+  .hljs-selector-class,
+  .hljs-selector-attr,
+  .hljs-selector-pseudo {
+    color: #D7BA7D;
+  }
+
+  .hljs-addition {
+    background-color: #144212;
+    display: inline-block;
+    width: 100%;
+  }
 
-.dark-mode .hljs-doctag .hljs-type,
-.dark-mode .hljs-doctag .hljs-variable,
-.dark-mode .hljs-comment {
-  color: var(--gray7);
+  .hljs-deletion {
+    background-color: #600;
+    display: inline-block;
+    width: 100%;
+  }
 }