From c4c9772a45bc5d91046efa89d3901849bac99f1b Mon Sep 17 00:00:00 2001 From: Jim Mason Date: Mon, 1 Jun 2020 19:42:15 +0100 Subject: [PATCH] (themes) add `nnfx-dark` theme (#2584) --- CHANGES.md | 2 +- src/styles/nnfx-dark.css | 106 +++++++++++++++++++++++++++++++++++++++ 2 files changed, 107 insertions(+), 1 deletion(-) create mode 100644 src/styles/nnfx-dark.css diff --git a/CHANGES.md b/CHANGES.md index 09c82dbdd2..655d4dec8d 100644 --- a/CHANGES.md +++ b/CHANGES.md @@ -2,7 +2,7 @@ New themes: -- *NNFX* by [Jim Mason][] +- *NNFX* and *NNFX-dark* by [Jim Mason][] - *lioshi* by [lioshi][] Parser Engine: diff --git a/src/styles/nnfx-dark.css b/src/styles/nnfx-dark.css new file mode 100644 index 0000000000..0751ee5d99 --- /dev/null +++ b/src/styles/nnfx-dark.css @@ -0,0 +1,106 @@ +/** + * nnfx dark - a theme inspired by Netscape Navigator/Firefox + * + * @version 1.0.0 + * @author (c) 2020 Jim Mason + * @license https://creativecommons.org/licenses/by-sa/4.0 CC BY-SA 4.0 + */ + +.hljs { + display: block; + overflow-x: auto; + padding: 0.5em; + background: #333; + color: #fff; +} + +.xml .hljs-meta { + font-weight: bold; + font-style: italic; + color: #69f; +} + +.hljs-comment, +.hljs-quote { + font-style: italic; + color: #9c6; +} + +.hljs-name, +.hljs-keyword { + color: #a7a; +} + +.hljs-name, +.hljs-attr { + font-weight: bold; +} + +.hljs-string { + font-weight: normal; +} + +.hljs-variable, +.hljs-template-variable { + color: #588; +} + +.hljs-code, +.hljs-string, +.hljs-meta-string, +.hljs-number, +.hljs-regexp, +.hljs-link { + color: #bce; +} + +.hljs-title, +.hljs-symbol, +.hljs-bullet, +.hljs-built_in, +.hljs-builtin-name { + color: #d40; +} + +.hljs-section, +.hljs-meta { + color: #a85; +} + +.hljs-class .hljs-title, +.hljs-type { + color: #96c; +} + +.hljs-function .hljs-title, +.hljs-attr, +.hljs-subst { + color: #fff; +} + +.hljs-formula { + background-color: #eee; + font-style: italic; +} + +.hljs-addition { + background-color: #797; +} + +.hljs-deletion { + background-color: #c99; +} + +.hljs-selector-id, +.hljs-selector-class { + color: #964; +} + +.hljs-doctag, +.hljs-strong { + font-weight: bold; +} + +.hljs-emphasis { + font-style: italic; +}