diff --git a/flux.css b/flux.css
index fe57c889..90104bda 100644
--- a/flux.css
+++ b/flux.css
@@ -56,3 +56,65 @@ a {
 a:visited {
   color: rgb(0, 100, 0);
 }
+
+/* Code */
+
+pre {
+  background: rgb(40, 52, 44);
+  border: 1px solid black;
+  border-radius: 10px;
+  box-shadow: inset -4px 4px 15px 3px rgb(35, 35, 35);
+}
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  color: #abb2bf;
+  /*background: #282c34;*/
+  padding: .5em;
+}
+
+.hljs-comment, .hljs-quote {
+  color: #5c6370;
+  font-style: italic;
+}
+
+.hljs-doctag, .hljs-keyword, .hljs-formula {
+  color: #c678dd;
+}
+
+.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
+  color: #e06c75;
+}
+
+.hljs-literal {
+  color: #56b6c2;
+}
+
+.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {
+  color: #98c379;
+}
+
+.hljs-built_in, .hljs-class .hljs-title {
+  color: #e6c07b;
+}
+
+.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number {
+  color: #d19a66;
+}
+
+.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
+  color: #61aeee;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: 700;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}