diff --git a/src/css/highlight.css b/src/css/highlight.css index 9788ec0dc3232b4834c67a61f20148fca1bd4bdd..b8528d8798529813e89c9ea7667c9ff5287daf56 100644 --- a/src/css/highlight.css +++ b/src/css/highlight.css @@ -1,80 +1,84 @@ -/*! Adapted from the GitHub style by Vasily Polovnyov <vast@whiteants.net> */ +/* + +Atom One Dark by Daniel Gamage +Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax + +base: #282c34 +mono-1: #abb2bf +mono-2: #818896 +mono-3: #5c6370 +hue-1: #56b6c2 +hue-2: #61aeee +hue-3: #c678dd +hue-4: #98c379 +hue-5: #e06c75 +hue-5-2: #be5046 +hue-6: #d19a66 +hue-6-2: #e6c07b + +*/ + +.hljs { + color: #abb2bf; + background: #282c34; +} + .hljs-comment, .hljs-quote { - color: #998; + color: #5c6370; font-style: italic; } +.hljs-doctag, .hljs-keyword, -.hljs-selector-tag, -.hljs-subst { - color: #333; - font-weight: var(--monospace-font-weight-bold); -} - -.hljs-number, -.hljs-literal, -.hljs-variable, -.hljs-template-variable, -.hljs-tag .hljs-attr { - color: #008080; -} - -.hljs-string, -.hljs-doctag { - color: #d14; +.hljs-formula { + color: #c678dd; } -.hljs-title, .hljs-section, -.hljs-selector-id { - color: #900; - font-weight: var(--monospace-font-weight-bold); -} - +.hljs-name, +.hljs-selector-tag, +.hljs-deletion, .hljs-subst { - font-weight: normal; + color: #e06c75; } -.hljs-type, -.hljs-class .hljs-title { - color: #458; - font-weight: var(--monospace-font-weight-bold); +.hljs-literal { + color: #56b6c2; } -.hljs-tag, -.hljs-name, -.hljs-attribute { - color: #000080; - font-weight: normal; +.hljs-string, +.hljs-regexp, +.hljs-addition, +.hljs-attribute, +.hljs-meta .hljs-string { + color: #98c379; } -.hljs-regexp, -.hljs-link { - color: #009926; +.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 { - color: #990073; +.hljs-bullet, +.hljs-link, +.hljs-meta, +.hljs-selector-id, +.hljs-title { + color: #61aeee; } .hljs-built_in, -.hljs-builtin-name { - color: #0086b3; -} - -.hljs-meta { - color: #999; - font-weight: var(--monospace-font-weight-bold); -} - -.hljs-deletion { - background: #fdd; -} - -.hljs-addition { - background: #dfd; +.hljs-title.class_, +.hljs-class .hljs-title { + color: #e6c07b; } .hljs-emphasis { @@ -82,5 +86,9 @@ } .hljs-strong { - font-weight: var(--monospace-font-weight-bold); + font-weight: bold; +} + +.hljs-link { + text-decoration: underline; }