feat: add syntax highlighting to files using highlightjs

templates/files.html

@@ -5,6 +5,110 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>abyss paste</title>
+
+    {{if eq .Type "text"}}
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+    <script>
+        window.onload = function () {
+            var allPre, i, j;
+            allPre = document.getElementsByTagName("pre");
+            for (i = 0, j = allPre.length; i < j; i++) {
+                hljs.highlightBlock(allPre[i]);
+            }
+        };
+    </script>
+    <style>
+        pre.hljs {
+            display: block;
+            overflow-x: auto;
+            padding: 1em;
+        }
+
+        .hljs {
+            color: #ffffff;
+        }
+
+        .hljs-comment {
+            color: #7d7d7d;
+        }
+
+        .hljs-punctuation,
+        .hljs-tag {
+            color: #dcdcdc;
+        }
+
+        .hljs-tag .hljs-attr,
+        .hljs-tag .hljs-name {
+            color: #f1f1f1;
+        }
+
+        .hljs-attribute,
+        .hljs-doctag,
+        .hljs-keyword,
+        .hljs-meta .hljs-keyword,
+        .hljs-name,
+        .hljs-selector-tag {
+            font-weight: bold;
+            color: #ff9d00;
+        }
+
+        .hljs-deletion,
+        .hljs-number,
+        .hljs-quote,
+        .hljs-selector-class,
+        .hljs-selector-id,
+        .hljs-string,
+        .hljs-template-tag,
+        .hljs-type {
+            color: #d19a66;
+        }
+
+        .hljs-section,
+        .hljs-title {
+            color: #61afef;
+            font-weight: bold;
+        }
+
+        .hljs-link,
+        .hljs-operator,
+        .hljs-regexp,
+        .hljs-selector-attr,
+        .hljs-selector-pseudo,
+        .hljs-symbol,
+        .hljs-template-variable,
+        .hljs-variable {
+            color: #c678dd;
+        }
+
+        .hljs-literal {
+            color: #dcaeea;
+        }
+
+        .hljs-addition,
+        .hljs-built_in,
+        .hljs-bullet,
+        .hljs-code {
+            color: #98c379;
+        }
+
+        .hljs-meta {
+            color: #56b6c2;
+        }
+
+        .hljs-meta .hljs-string {
+            color: #e5c07b;
+        }
+
+        .hljs-emphasis {
+            font-style: italic;
+        }
+
+        .hljs-strong {
+            font-weight: bold;
+        }
+    </style>
+    {{end}}
+
     <style>
         body {
             margin: 0;