Update

src/styles/agate.css

@@ -0,0 +1,143 @@
+/*!
+   Theme: Agate
+   Author: (c) Taufik Nurrohman <hi@taufik-nurrohman.com>
+   Maintainer: @taufik-nurrohman
+   Updated: 2021-04-24
+
+   #333
+   #62c8f3
+   #7bd694
+   #888
+   #a2fca2
+   #ade5fc
+   #b8d8a2
+   #c6b4f0
+   #d36363
+   #fc9b9b
+   #fcc28c
+   #ffa
+   #fff
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: .5em;
+  background: #333;
+  color: #fff;
+}
+
+.hljs-meta-keyword,
+.hljs-name,
+.hljs-strong {
+  font-weight: bold;
+}
+
+.hljs-code,
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-section,
+.hljs-tag {
+  color: #62c8f3;
+}
+
+.hljs-function .hljs-title,
+.hljs-selector-class,
+.hljs-selector-id {
+  color: #ade5fc;
+}
+
+.hljs-meta-string,
+.hljs-string {
+  color: #a2fca2;
+}
+
+.hljs-attr,
+.hljs-quote,
+.hljs-selector-attr {
+  color: #7bd694;
+}
+
+.hljs-tag .hljs-attr {
+  color: inherit;
+}
+
+.hljs-attribute,
+.hljs-title,
+.hljs-type {
+  color: #ffa;
+}
+
+.hljs-number,
+.hljs-symbol {
+  color: #d36363;
+}
+
+.hljs-bullet,
+.hljs-template-tag {
+  color: #b8d8a2;
+}
+
+.hljs-built_in,
+.hljs-keyword,
+.hljs-literal,
+.hljs-selector-tag {
+  color: #fcc28c;
+}
+
+.hljs-code,
+.hljs-comment,
+.hljs-formula {
+  color: #888;
+}
+
+.hljs-link,
+.hljs-selector-pseudo,
+.hljs-regexp {
+  color: #c6b4f0;
+}
+
+.hljs-doctag,
+.hljs-meta {
+  color: #fc9b9b;
+}
+
+.hljs-deletion {
+  background: #fc9b9b;
+  color: #333;
+}
+
+.hljs-addition {
+  background: #a2fca2;
+  color: #333;
+}
+
+/* Purposely ignored */
+.hljs-operator,
+.hljs-params,
+.hljs-property,
+.hljs-punctuation,
+.hljs-template-variable,
+.hljs-variable {}
+
+.hljs-subst {
+  color: #fff;
+}
+
+/* This applies only if HTML auto-merging plugin is enabled by user (#2889) */
+.hljs a {
+  color: inherit;
+}
+
+.hljs a:focus,
+.hljs a:hover {
+  color: inherit;
+  text-decoration: underline;
+}
+
+.hljs mark {
+  background: #555;
+  color: inherit;
+}