@import 'highlight.js/styles/atom-one-light'; | |
/* Dark Theme */ | |
/* | |
Night Owl for highlight.js (c) Carl Baxter <carl@cbax.tech> | |
An adaptation of Sarah Drasner's Night Owl VS Code Theme | |
https://github.com/sdras/night-owl-vscode-theme | |
Copyright (c) 2018 Sarah Drasner | |
Permission is hereby granted, free of charge, to any person obtaining a copy | |
of this software and associated documentation files (the "Software"), to deal | |
in the Software without restriction, including without limitation the rights | |
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | |
copies of the Software, and to permit persons to whom the Software is | |
furnished to do so, subject to the following conditions: | |
The above copyright notice and this permission notice shall be included in all | |
copies or substantial portions of the Software. | |
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | |
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | |
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | |
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | |
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | |
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE | |
SOFTWARE. | |
*/ | |
.dark .hljs { | |
display: block; | |
overflow-x: auto; | |
padding: 0.5em; | |
background: #011627; | |
color: #d6deeb; | |
} | |
/* General Purpose */ | |
.dark .hljs-keyword { | |
color: #c792ea; | |
font-style: italic; | |
} | |
.dark .hljs-built_in { | |
color: #addb67; | |
font-style: italic; | |
} | |
.dark .hljs-type { | |
color: #82aaff; | |
} | |
.dark .hljs-literal { | |
color: #ff5874; | |
} | |
.dark .hljs-number { | |
color: #f78c6c; | |
} | |
.dark .hljs-regexp { | |
color: #5ca7e4; | |
} | |
.dark .hljs-string { | |
color: #ecc48d; | |
} | |
.dark .hljs-subst { | |
color: #d3423e; | |
} | |
.dark .hljs-symbol { | |
color: #82aaff; | |
} | |
.dark .hljs-class { | |
color: #ffcb8b; | |
} | |
.dark .hljs-function { | |
color: #82aaff; | |
} | |
.dark .hljs-title { | |
color: #dcdcaa; | |
font-style: italic; | |
} | |
.dark .hljs-params { | |
color: #7fdbca; | |
} | |
/* Meta */ | |
.dark .hljs-comment { | |
color: #637777; | |
font-style: italic; | |
} | |
.dark .hljs-doctag { | |
color: #7fdbca; | |
} | |
.dark .hljs-meta { | |
color: #82aaff; | |
} | |
.dark .hljs-meta-keyword { | |
color: #82aaff; | |
} | |
.dark .hljs-meta-string { | |
color: #ecc48d; | |
} | |
/* Tags, attributes, config */ | |
.dark .hljs-section { | |
color: #82b1ff; | |
} | |
.dark .hljs-tag, | |
.dark .hljs-name, | |
.dark .hljs-builtin-name { | |
color: #7fdbca; | |
} | |
.dark .hljs-attr { | |
color: #7fdbca; | |
} | |
.dark .hljs-attribute { | |
color: #80cbc4; | |
} | |
.dark .hljs-variable { | |
color: #addb67; | |
} | |
/* Markup */ | |
.dark .hljs-bullet { | |
color: #d9f5dd; | |
} | |
.dark .hljs-code { | |
color: #80cbc4; | |
} | |
.dark .hljs-emphasis { | |
color: #c792ea; | |
font-style: italic; | |
} | |
.dark .hljs-strong { | |
color: #addb67; | |
font-weight: bold; | |
} | |
.dark .hljs-formula { | |
color: #c792ea; | |
} | |
.dark .hljs-link { | |
color: #ff869a; | |
} | |
.dark .hljs-quote { | |
color: #697098; | |
font-style: italic; | |
} | |
/* CSS */ | |
.dark .hljs-selector-tag { | |
color: #ff6363; | |
} | |
.dark .hljs-selector-id { | |
color: #fad430; | |
} | |
.dark .hljs-selector-class { | |
color: #addb67; | |
font-style: italic; | |
} | |
.dark .hljs-selector-attr, | |
.dark .hljs-selector-pseudo { | |
color: #c792ea; | |
font-style: italic; | |
} | |
/* Templates */ | |
.dark .hljs-template-tag { | |
color: #c792ea; | |
} | |
.dark .hljs-template-variable { | |
color: #addb67; | |
} | |
/* diff */ | |
.dark .hljs-addition { | |
color: #addb67ff; | |
font-style: italic; | |
} | |
.dark .hljs-deletion { | |
color: #ef535090; | |
font-style: italic; | |
} | |