feat: always use dark theme for code blocks

static/highlight.css

@@ -1,92 +1,115 @@
 /* Licensed under the MIT license */
-/* See https://github.com/chriskempson/base16/blob/main/LICENSE.md */
-/*
- * An increased contrast highlighting scheme loosely based on the
- * "Base16 Atelier Dune Light" theme by Bram de Haan
- * (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/dune)
- * Original Base16 color scheme by Chris Kempson
- * (https://github.com/chriskempson/base16)
- */
-
-/* Comment */
-.hljs-comment,
-.hljs-quote {
-  color: #575757;
+/* See https://github.com/chriskempson/tomorrow-theme/blob/master/LICENSE.md */
+
+/* Tomorrow Night Theme */
+/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
+/* Original theme - https://github.com/chriskempson/tomorrow-theme */
+/* http://jmblog.github.com/color-themes-for-google-code-highlightjs */
+
+/* Tomorrow Comment */
+.hljs-comment {
+    color: #969896;
 }
 
-/* Red */
+/* Tomorrow Red */
 .hljs-variable,
-.hljs-template-variable,
 .hljs-attribute,
 .hljs-tag,
-.hljs-name,
 .hljs-regexp,
-.hljs-link,
-.hljs-name,
-.hljs-selector-id,
-.hljs-selector-class {
-  color: #d70025;
+.ruby .hljs-constant,
+.xml .hljs-tag .hljs-title,
+.xml .hljs-pi,
+.xml .hljs-doctype,
+.html .hljs-doctype,
+.css .hljs-id,
+.css .hljs-class,
+.css .hljs-pseudo {
+    color: #cc6666;
 }
 
-/* Orange */
+/* Tomorrow Orange */
 .hljs-number,
-.hljs-meta,
+.hljs-preprocessor,
+.hljs-pragma,
 .hljs-built_in,
-.hljs-builtin-name,
 .hljs-literal,
-.hljs-type,
-.hljs-params {
-  color: #b21e00;
+.hljs-params,
+.hljs-constant,
+.hljs-type {
+    color: #de935f;
+}
+
+/* Tomorrow Yellow */
+.ruby .hljs-class .hljs-title,
+.css .hljs-rule .hljs-attribute {
+    color: #f0c674;
 }
 
-/* Green */
+/* Tomorrow Green */
 .hljs-string,
-.hljs-symbol,
-.hljs-bullet {
-  color: #008200;
+.hljs-value,
+.hljs-inheritance,
+.hljs-header,
+.hljs-name,
+.ruby .hljs-symbol,
+.xml .hljs-cdata {
+    color: #b5bd68;
 }
 
-/* Blue */
+/* Tomorrow Aqua */
 .hljs-title,
-.hljs-section {
-  color: #0030f2;
+.css .hljs-hexcolor {
+    color: #8abeb7;
 }
 
-/* Purple */
-.hljs-keyword,
-.hljs-selector-tag {
-  color: #9d00ec;
+/* Tomorrow Blue */
+.hljs-function,
+.python .hljs-decorator,
+.python .hljs-title,
+.ruby .hljs-function .hljs-title,
+.ruby .hljs-title .hljs-keyword,
+.perl .hljs-sub,
+.javascript .hljs-title,
+.coffeescript .hljs-title {
+    color: #81a2be;
 }
 
-.hljs {
-  display: block;
-  overflow-x: auto;
-  background: #f6f7f6;
-  color: #000;
+/* Tomorrow Purple */
+.hljs-keyword,
+.javascript .hljs-function {
+    color: #b294bb;
 }
 
-.hljs-emphasis {
-  font-style: italic;
+.hljs {
+    display: block;
+    overflow-x: auto;
+    background: #1d1f21;
+    color: #c5c8c6;
 }
 
-.hljs-strong {
-  font-weight: bold;
+.coffeescript .javascript,
+.javascript .xml,
+.tex .hljs-formula,
+.xml .javascript,
+.xml .vbscript,
+.xml .css,
+.xml .hljs-cdata {
+    opacity: 0.5;
 }
 
 .hljs-addition {
-  color: #22863a;
-  background-color: #f0fff4;
+    color: #718c00;
 }
 
 .hljs-deletion {
-  color: #b31d28;
-  background-color: #ffeef0;
+    color: #c82829;
 }
 
+
 .hljs-subst {
-    color: #000;
+    color: #c5c8c6;
 }
 
 .hljs-meta {
-    color: #b21e00;
+    color: #e8d17f;
 }

static/highlight_fix.css

@@ -1,3 +1,3 @@
 pre.language-flix {
-    background-color: #f6f7f6;
+    background-color: #1d1f21;
 }