(chore) updates nnfx theme for v11 (#3187)

highlightjs · May 17, 2021 · 6e182e0 · 6e182e0
1 parent 3749c1a
commit 6e182e0
Show file tree

Hide file tree

Showing 3 changed files with 67 additions and 46 deletions.
diff --git a/CHANGES.md b/CHANGES.md
@@ -34,6 +34,7 @@ Themes:
 - `github` updated to better match modern GitHub (#1616) [Jan Pilzer][]
 - `github-gist` has been removed in favor of `github` [Jan Pilzer][]
 - Base16 named themes have been updated to their "canonical" versions
+- `nnfx` updated for v11 xml styles and improved css support
 
 Language Grammars:
 

diff --git a/src/styles/nnfx-dark.css b/src/styles/nnfx-dark.css
@@ -1,17 +1,21 @@
-/**
- * nnfx dark - a theme inspired by Netscape Navigator/Firefox
- *
- * @version 1.0.0
- * @author (c) 2020 Jim Mason <jmason@ibinx.com>
- * @license https://creativecommons.org/licenses/by-sa/4.0  CC BY-SA 4.0
- */
+ /*!
+  Theme: nnfx dark
+  Description: a theme inspired by Netscape Navigator/Firefox
+  Author: (c) 2020-2021 Jim Mason <jmason@ibinx.com>
+  Maintainer: @RocketMan
+  License: https://creativecommons.org/licenses/by-sa/4.0  CC BY-SA 4.0
+  Updated: 2021-05-17
+
+  @version 1.1.0
+*/
 
 .hljs {
   background: #333;
   color: #fff;
 }
 
-.xml .hljs-meta {
+.language-xml .hljs-meta,
+.language-xml .hljs-meta-string {
   font-weight: bold;
   font-style: italic;
   color: #69f;
@@ -24,7 +28,8 @@
 }
 
 .hljs-name,
-.hljs-keyword {
+.hljs-keyword,
+.hljs-built_in {
   color: #a7a;
 }
 
@@ -37,11 +42,6 @@
   font-weight: normal;
 }
 
-.hljs-variable,
-.hljs-template-variable {
-  color: #588;
-}
-
 .hljs-code,
 .hljs-string,
 .hljs-meta .hljs-string,
@@ -54,25 +54,23 @@
 .hljs-title,
 .hljs-symbol,
 .hljs-bullet,
-.hljs-built_in {
+.hljs-variable,
+.hljs-template-variable {
   color: #d40;
 }
 
-.hljs-section,
-.hljs-meta {
-  color: #a85;
-}
-
 .hljs-title.class_,
 .hljs-class .hljs-title,
 .hljs-type {
+  font-weight: bold;
   color: #96c;
 }
 
 .hljs-title.function_,
 .hljs-function .hljs-title,
 .hljs-attr,
-.hljs-subst {
+.hljs-subst,
+.hljs-tag {
   color: #fff;
 }
 
@@ -89,9 +87,21 @@
   background-color: #c99;
 }
 
+.hljs-meta {
+  color: #69f;
+}
+
+.hljs-section,
 .hljs-selector-id,
-.hljs-selector-class {
-  color: #964;
+.hljs-selector-class,
+.hljs-selector-pseudo,
+.hljs-selector-tag {
+  font-weight: bold;
+  color: #69f;
+}
+
+.hljs-selector-pseudo {
+  font-style: italic;
 }
 
 .hljs-doctag,

diff --git a/src/styles/nnfx-light.css b/src/styles/nnfx-light.css
@@ -1,17 +1,21 @@
-/**
- * nnfx - a theme inspired by Netscape Navigator/Firefox
- *
- * @version 1.0.0
- * @author (c) 2020 Jim Mason <jmason@ibinx.com>
- * @license https://creativecommons.org/licenses/by-sa/4.0  CC BY-SA 4.0
- */
+ /*!
+  Theme: nnfx light
+  Description: a theme inspired by Netscape Navigator/Firefox
+  Author: (c) 2020-2021 Jim Mason <jmason@ibinx.com>
+  Maintainer: @RocketMan
+  License: https://creativecommons.org/licenses/by-sa/4.0  CC BY-SA 4.0
+  Updated: 2021-05-17
+
+  @version 1.1.0
+*/
 
 .hljs {
   background: #fff;
   color: #000;
 }
 
-.xml .hljs-meta {
+.language-xml .hljs-meta,
+.language-xml .hljs-meta-string {
   font-weight: bold;
   font-style: italic;
   color: #48b;
@@ -24,7 +28,8 @@
 }
 
 .hljs-name,
-.hljs-keyword {
+.hljs-keyword,
+.hljs-built_in {
   color: #808;
 }
 
@@ -37,11 +42,6 @@
   font-weight: normal;
 }
 
-.hljs-variable,
-.hljs-template-variable {
-  color: #477;
-}
-
 .hljs-code,
 .hljs-string,
 .hljs-meta .hljs-string,
@@ -54,25 +54,23 @@
 .hljs-title,
 .hljs-symbol,
 .hljs-bullet,
-.hljs-built_in {
+.hljs-variable,
+.hljs-template-variable {
   color: #f40;
 }
 
-.hljs-section,
-.hljs-meta {
-  color: #642;
-}
-
 .hljs-title.class_,
 .hljs-class .hljs-title,
 .hljs-type {
+  font-weight: bold;
   color: #639;
 }
 
 .hljs-title.function_,
 .hljs-function .hljs-title,
 .hljs-attr,
-.hljs-subst {
+.hljs-subst,
+.hljs-tag {
   color: #000;
 }
 
@@ -89,9 +87,21 @@
   background-color: #fbb;
 }
 
+.hljs-meta {
+  color: #269;
+}
+
+.hljs-section,
 .hljs-selector-id,
-.hljs-selector-class {
-  color: #964;
+.hljs-selector-class,
+.hljs-selector-pseudo,
+.hljs-selector-tag {
+  font-weight: bold;
+  color: #48b;
+}
+
+.hljs-selector-pseudo {
+  font-style: italic;
 }
 
 .hljs-doctag,