highlight added

assets/css/hlb9c.css

@@ -0,0 +1,99 @@
+/*
+brz9 theme
+*/
+
+:root {
+  --hlb9c-bg: #1b1f1b;
+  --hlb9c-fg: #cbe6cb;
+  --hlb9c-green: #5ca77e;
+  --hlb9c-yello: #ebbc29;
+  --hlb9c-red: #e73a3a;
+  --hlb9c-blu: #639ab4;
+  --hlb9c-cyan: #51e6d6;
+  --hlb9c-pink: #eba782;
+  --hlb9c-pink: #f17639;
+}
+
+
+code {
+  font-size: 1rem;
+}
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background: var(--hlb9c-bg);
+  color: var(--hlb9c-fg);
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-tag {
+  color: var(--hlb9c-yello);
+}
+
+.hljs-template-tag {
+  color: var(--hlb9c-yello);
+}
+
+.hljs-number {
+  color: var(--hlb9c-pink);
+}
+
+.hljs-variable,
+.hljs-template-variable,
+.hljs-attribute {
+  color: var(--hlb9c-fg);
+}
+
+.hljs-attr {
+  color: var(--hlb9c-blu);
+}
+
+
+.hljs-literal {
+  color: var(--hlb9c-fg);
+}
+
+.hljs-subst {
+  color: var(--hlb9c-fg)
+}
+
+.hljs-title,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-section,
+.hljs-type {
+  color: var(--hlb9c-green);
+}
+
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link {
+  color: var(--hlb9c-fg);
+}
+
+.hljs-deletion,
+.hljs-string,
+.hljs-built_in,
+.hljs-builtin-name {
+  color: var(--hlb9c-pink);
+}
+
+.hljs-addition,
+.hljs-comment,
+.hljs-quote,
+.hljs-meta {
+  color: var(--hlb9c-cyan);
+}
+
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}

assets/css/style.css

@@ -2,6 +2,7 @@
 @import url("./fonts.css");
 @import url("./colors.css");
 @import url("./reftag.css");
+@import url("./hlb9c.css");
 
 html {
   min-height: 100vh;