change hljs styles

shikimori · Apr 25, 2019 · f4f183f · f4f183f
1 parent 740e845
commit f4f183f
Showing 1 changed file with 35 additions and 10 deletions.
diff --git a/app/assets/stylesheets/blocks/b-code.sass b/app/assets/stylesheets/blocks/b-code.sass
@@ -1,6 +1,6 @@
 // http://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/agate.min.css
 .b-code
-  background: #333
+  background: #263238
   color: #fff
   display: block
   overflow-x: auto
@@ -32,30 +32,27 @@
 .hljs-tag
   color: #62c8f3
 
-.hljs-variable, .hljs-template-variable, .hljs-selector-id, .hljs-selector-class
+.hljs-variable, .hljs-template-variable
   color: #ade5fc
 
-.hljs-string, .hljs-bullet
+.hljs-bullet
   color: #a2fca2
 
-.hljs-type, .hljs-title, .hljs-section, .hljs-attribute, .hljs-quote, .hljs-built_in, .hljs-builtin-name
+.hljs-type, .hljs-title, .hljs-section, .hljs-quote, .hljs-builtin-name
   color: #ffa
 
-.hljs-number, .hljs-symbol, .hljs-bullet
+.hljs-symbol, .hljs-bullet
   color: #d36363
 
-.hljs-keyword, .hljs-selector-tag, .hljs-literal
+.hljs-keyword, .hljs-literal
   color: #fcc28c
 
-.hljs-comment, .hljs-deletion, .hljs-code
+.hljs-code
   color: #888
 
 .hljs-regexp, .hljs-link
   color: #c6b4f0
 
-.hljs-meta
-  color: #fc9b9b
-
 .hljs-deletion
   background-color: #fc9b9b
   color: #333
@@ -64,6 +61,34 @@
   background-color: #a2fca2
   color: #333
 
+.hljs-selector-tag
+  color: #ff5370
+
+.hljs-selector-id
+  color: #fad430
+
+.hljs-selector-class
+  color: #ffcb6b
+
+.hljs-selector-pseudo,
+.hljs-meta
+  color: #c792ea
+
+.hljs-attribute
+  color: #80cbc4
+
+.hljs-built_in
+  color: #89ddff
+
+.hljs-number
+  color: #f77669
+
+.hljs-string
+  color: #c3e88d
+
+.hljs-comment
+  color: #5c7e8c
+
 .hljs a
   color: inherit