Convert existing HLJS theme to variables

Author: david-christiansen

message-index/css/highlight.css

@@ -7,33 +7,33 @@ code.hljs{
   padding: 3px 5px
 }
 .hljs{
-  color: #383a42;
-  background: #fafafa
+  color: var(--code-color);
+  background: var(--code-bg-color);
 }
 .hljs-comment,.hljs-quote{
-  color: #a0a1a7;
+  color: var(--code-comment-color);
   font-style: italic
 }
 .hljs-doctag,.hljs-formula,.hljs-keyword{
-  color: #a626a4
+  color: var(--code-kw-color);
 }
 .hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{
-  color: #e45649
+  color: var(--code-name-color);
 }
 .hljs-literal{
-  color: #0184bb
+  color: var(--code-literal-color);
 }
 .hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{
-  color: #50a14f
+  color: var(--code-string-color);
 }
 .hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{
-  color: #986801
+  color: var(--code-attr-color);
 }
 .hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{
-  color: #4078f2
+  color: var(--code-symbol-color);
 }
 .hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{
-  color: #c18401
+  color: var(--code-class-color);
 }
 .hljs-emphasis{
   font-style: italic

message-index/css/theme.css

@@ -7,6 +7,18 @@
   --anchor-visited-color: #6F5F9C;
   --code-bg-color: #FAFAFA;
   --filename-bg: #EAEAEA;
+
+  /* Code highlighting */
+  --code-color: #383a42;
+  --code-bg-color: #fafafa;
+  --code-comment-color: #a0a1a7;
+  --code-kw-color:#a626a4;
+  --code-name-color: #e45649;
+  --code-literal-color: #0184bb;
+  --code-string-color: #50a14f;
+  --code-attr-color: #986801;
+  --code-symbol-color: #4078f2;
+  --code-class-color: #c18401;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -18,6 +30,8 @@
     --anchor-visited-color: #D5C5FF;
     --code-bg-color: transparent;
     --filename-bg: #2C2C2C;
+
+  /* Code highlighting - TODO */
   }
 
   /* TODO: this is a stopgap until there's custom highlighting for dark mode */