paritybit.ca

commit becab18993872b85e0a21bce2ad5956ccfb95ff6
parent c7a086fb32d56b87d371987c48e2a30633c66b52
Author: Jake Bauer <jbauer@paritybit.ca>
Date:   Fri, 22 May 2020 21:55:45 -0400

Add syntax highlighting to CSS

Diffstat:
M
style/main.css
 | 
72
++++++++++++++++++++++++++++++++++++++++++++++++++++++------------------

1 file changed, 54 insertions(+), 18 deletions(-)
diff --git a/style/main.css b/style/main.css
@@ -68,24 +68,6 @@ li a, .feed-item {
     font-weight: bold;
 }
 
-pre {
-    background-color: var(--code);
-    overflow: auto;
-    padding: 1em;
-    border: 2px var(--border-dark) solid;
-    border-radius: 5px;
-    text-indent: -0.25em; /*Needed otherwise first line indented for some reason*/
-}
-
-code {
-    font-family: "DejaVu Sans Mono", monospace;
-    background-color: var(--code);
-    color: var(--fg-bright);
-    font-size: var(--small-font);
-    padding: 1px 4px;
-    border-radius: 5px;
-}
-
 img, video {
     max-width: 100%;
 }
@@ -210,3 +192,57 @@ button {
         margin-top: 1.5em;
     }
 }
+
+/* Syntax highlighting */
+pre {
+    background-color: var(--code);
+    overflow: auto;
+    padding: 1em;
+    border: 2px var(--border-dark) solid;
+    border-radius: 5px;
+    text-indent: -0.25em; /*Needed otherwise first line indented for some reason*/
+}
+
+code {
+    font-family: "DejaVu Sans Mono", monospace;
+    background-color: var(--code);
+    color: var(--fg-bright);
+    font-size: var(--small-font);
+    padding: 1px 4px;
+    border-radius: 5px;
+}
+
+code a, code a:hover {
+    color: var(--fg-bright) !important;
+}
+
+/* Colours taken from pandoc .theme files with extra tweaks */
+code span.al { color: #fba5a2; } /* Alert */
+code span.an { color: var(--fg); font-weight: bold; } /* Annotation */
+code span.at { color: var(--fg-bright); } /* Attribute */
+code span.bn { color: #beb8d5; } /* BaseN */
+code span.bu { color: var(--fg-bright); } /* BuiltIn */
+code span.cf { color: #9dbfe4; } /* ControlFlow */
+code span.ch { color: #beb8d5; } /* Char */
+code span.cn { color: #beb8d5; font-weight: bold; } /* Constant */
+code span.co { color: var(--fg); font-style: italic; } /* Comment */
+code span.cv { color: var(--fg); font-weight: bold; font-style: italic; } /* CommentVar */
+code span.do { color: var(--fg); font-style: italic; } /* Documentation */
+code span.dt { color: #e4b285; } /* DataType */
+code span.dv { color: #beb8d5; } /* DecVal */
+code span.er { color: #fba5a2; } /* Error */
+code span.ex { color: var(--fg-bright); } /* Extension */
+code span.fl { color: #beb8d5; } /* Float */
+code span.fu { color: #e4b285; } /* Function */
+code span.im { color: var(--fg-bright); } /* Import */
+code span.in { color: var(--fg); font-weight: bold; } /* Information */
+code span.kw { color: #9dbfe4; font-weight: bold; } /* Keyword */
+code span.op { color: var(--fg-bright); } /* Operator */
+code span.ot { color: #9dbfe4; } /* Other */
+code span.pp { color: #bac17c; font-weight: bold; } /* Preprocessor */
+code span.sc { color: #e4b285; } /* SpecialChar */
+code span.ss { color: #88c6cd; } /* SpecialString */
+code span.st { color: #88c6cd; } /* String */
+code span.va { color: var(--fg-bright); } /* Variable */
+code span.vs { color: #88c6cd; } /* VerbatimString */
+code span.wa { color: var(--fg); font-weight: bold; } /* Warning */