From 68cc8a115d79c97e3c557c70d81d59d0de29ae46 Mon Sep 17 00:00:00 2001
From: a73x <dev@a73x.sh>
Date: Sat, 31 Aug 2024 18:51:42 +0100
Subject: feat(html): add syntax highlighting

using a js library until I work out how to use https://github.com/alecthomas/chroma
---
 public/static/styles.css | 90 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 90 insertions(+)
 create mode 100644 public/static/styles.css

(limited to 'public/static/styles.css')

diff --git a/public/static/styles.css b/public/static/styles.css
new file mode 100644
index 0000000..40bf624
--- /dev/null
+++ b/public/static/styles.css
@@ -0,0 +1,90 @@
+pre code.hljs {
+    display: block;
+    overflow-x: auto;
+    padding: 1em
+  }
+  code.hljs {
+    padding: 3px 5px
+  }
+  /*
+  
+  XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com>
+  
+  */
+  .hljs {
+    background: #fff;
+    color: black
+  }
+  /* Gray DOCTYPE selectors like WebKit */
+  .xml .hljs-meta {
+    color: #c0c0c0
+  }
+  .hljs-comment,
+  .hljs-quote {
+    color: #007400
+  }
+  .hljs-tag,
+  .hljs-attribute,
+  .hljs-keyword,
+  .hljs-selector-tag,
+  .hljs-literal,
+  .hljs-name {
+    color: #aa0d91
+  }
+  .hljs-variable,
+  .hljs-template-variable {
+    color: #3F6E74
+  }
+  .hljs-code,
+  .hljs-string,
+  .hljs-meta .hljs-string {
+    color: #c41a16
+  }
+  .hljs-regexp,
+  .hljs-link {
+    color: #0E0EFF
+  }
+  .hljs-title,
+  .hljs-symbol,
+  .hljs-bullet,
+  .hljs-number {
+    color: #1c00cf
+  }
+  .hljs-section,
+  .hljs-meta {
+    color: #643820
+  }
+  .hljs-title.class_,
+  .hljs-class .hljs-title,
+  .hljs-type,
+  .hljs-built_in,
+  .hljs-params {
+    color: #5c2699
+  }
+  .hljs-attr {
+    color: #836C28
+  }
+  .hljs-subst {
+    color: #000
+  }
+  .hljs-formula {
+    background-color: #eee;
+    font-style: italic
+  }
+  .hljs-addition {
+    background-color: #baeeba
+  }
+  .hljs-deletion {
+    background-color: #ffc8bd
+  }
+  .hljs-selector-id,
+  .hljs-selector-class {
+    color: #9b703f
+  }
+  .hljs-doctag,
+  .hljs-strong {
+    font-weight: bold
+  }
+  .hljs-emphasis {
+    font-style: italic
+  }
\ No newline at end of file
-- 
cgit v1.2.3