diff --git a/assets/css/hljs.css b/assets/css/hljs.css new file mode 100644 index 0000000..e65e506 --- /dev/null +++ b/assets/css/hljs.css @@ -0,0 +1,199 @@ +:root { + /*! + Theme: a11y-light + Author: @ericwbailey + Maintainer: @ericwbailey + + Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css + */ + + .hljs { + background: #fefefe; + color: #545454; + } + + /* Comment */ + .hljs-comment, + .hljs-quote { + color: #696969; + } + + /* Red */ + .hljs-variable, + .hljs-template-variable, + .hljs-tag, + .hljs-name, + .hljs-selector-id, + .hljs-selector-class, + .hljs-regexp, + .hljs-deletion { + color: #d91e18; + } + + /* Orange */ + .hljs-number, + .hljs-built_in, + .hljs-literal, + .hljs-type, + .hljs-params, + .hljs-meta, + .hljs-link { + color: #aa5d00; + } + + /* Yellow */ + .hljs-attribute { + color: #aa5d00; + } + + /* Green */ + .hljs-string, + .hljs-symbol, + .hljs-bullet, + .hljs-addition { + color: #008000; + } + + /* Blue */ + .hljs-title, + .hljs-section { + color: #007faa; + } + + /* Purple */ + .hljs-keyword, + .hljs-selector-tag { + color: #7928a1; + } + + .hljs-emphasis { + font-style: italic; + } + + .hljs-strong { + font-weight: bold; + } + + @media screen and (-ms-high-contrast: active) { + .hljs-addition, + .hljs-attribute, + .hljs-built_in, + .hljs-bullet, + .hljs-comment, + .hljs-link, + .hljs-literal, + .hljs-meta, + .hljs-number, + .hljs-params, + .hljs-string, + .hljs-symbol, + .hljs-type, + .hljs-quote { + color: highlight; + } + + .hljs-keyword, + .hljs-selector-tag { + font-weight: bold; + } +} + +:root[data-mode=dark] { + /*! + Theme: a11y-dark + Author: @ericwbailey + Maintainer: @ericwbailey + + Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css + */ + + .hljs { + background: #2b2b2b; + color: #f8f8f2; + } + + /* Comment */ + .hljs-comment, + .hljs-quote { + color: #d4d0ab; + } + + /* Red */ + .hljs-variable, + .hljs-template-variable, + .hljs-tag, + .hljs-name, + .hljs-selector-id, + .hljs-selector-class, + .hljs-regexp, + .hljs-deletion { + color: #ffa07a; + } + + /* Orange */ + .hljs-number, + .hljs-built_in, + .hljs-literal, + .hljs-type, + .hljs-params, + .hljs-meta, + .hljs-link { + color: #f5ab35; + } + + /* Yellow */ + .hljs-attribute { + color: #ffd700; + } + + /* Green */ + .hljs-string, + .hljs-symbol, + .hljs-bullet, + .hljs-addition { + color: #abe338; + } + + /* Blue */ + .hljs-title, + .hljs-section { + color: #00e0e0; + } + + /* Purple */ + .hljs-keyword, + .hljs-selector-tag { + color: #dcc6e0; + } + + .hljs-emphasis { + font-style: italic; + } + + .hljs-strong { + font-weight: bold; + } + + @media screen and (-ms-high-contrast: active) { + .hljs-addition, + .hljs-attribute, + .hljs-built_in, + .hljs-bullet, + .hljs-comment, + .hljs-link, + .hljs-literal, + .hljs-meta, + .hljs-number, + .hljs-params, + .hljs-string, + .hljs-symbol, + .hljs-type, + .hljs-quote { + color: highlight; + } + + .hljs-keyword, + .hljs-selector-tag { + font-weight: bold; + } +}