Use tomorrow night prism.js theme.

TugboatQA · Jun 21, 2021 · 9f07926 · 9f07926
1 parent 1e30dac
commit 9f07926
Show file tree

Hide file tree

Showing 2 changed files with 56 additions and 75 deletions.
diff --git a/prism.css b/prism.css
@@ -1,16 +1,15 @@
 /* PrismJS 1.23.0
-https://prismjs.com/download.html#themes=prism&languages=markup+clike+javascript+bash+docker+git+markup-templating+php+sql+toml+yaml */
+https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+clike+javascript+bash+docker+git+markup-templating+php+sql+toml+yaml */
 /**
- * prism.js default theme for JavaScript, CSS and HTML
- * Based on dabblet (http://dabblet.com)
- * @author Lea Verou
+ * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
+ * Based on https://github.com/chriskempson/tomorrow-theme
+ * @author Rose Pritchard
  */
 
 code[class*="language-"],
 pre[class*="language-"] {
-	color: black;
+	color: #ccc;
 	background: none;
-	text-shadow: 0 1px white;
 	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
 	font-size: 1em;
 	text-align: left;
@@ -28,25 +27,7 @@ pre[class*="language-"] {
 	-moz-hyphens: none;
 	-ms-hyphens: none;
 	hyphens: none;
-}
-
-pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
-code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
-	text-shadow: none;
-	background: #b3d4fc;
-}
 
-pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
-code[class*="language-"]::selection, code[class*="language-"] ::selection {
-	text-shadow: none;
-	background: #b3d4fc;
-}
-
-@media print {
-	code[class*="language-"],
-	pre[class*="language-"] {
-		text-shadow: none;
-	}
 }
 
 /* Code blocks */
@@ -58,7 +39,7 @@ pre[class*="language-"] {
 
 :not(pre) > code[class*="language-"],
 pre[class*="language-"] {
-	background: #f5f2f0;
+	background: #2d2d2d;
 }
 
 /* Inline code */
@@ -69,64 +50,61 @@ pre[class*="language-"] {
 }
 
 .token.comment,
+.token.block-comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
-	color: slategray;
-}
-
-.token.punctuation {
 	color: #999;
 }
 
-.token.namespace {
-	opacity: .7;
+.token.punctuation {
+	color: #ccc;
 }
 
-.token.property,
 .token.tag,
-.token.boolean,
-.token.number,
-.token.constant,
-.token.symbol,
+.token.attr-name,
+.token.namespace,
 .token.deleted {
-	color: #905;
+	color: #e2777a;
 }
 
-.token.selector,
-.token.attr-name,
-.token.string,
-.token.char,
-.token.builtin,
-.token.inserted {
-	color: #690;
+.token.function-name {
+	color: #6196cc;
 }
 
-.token.operator,
-.token.entity,
-.token.url,
-.language-css .token.string,
-.style .token.string {
-	color: #9a6e3a;
-	/* This background color was intended by the author of this theme. */
-	background: hsla(0, 0%, 100%, .5);
+.token.boolean,
+.token.number,
+.token.function {
+	color: #f08d49;
 }
 
-.token.atrule,
-.token.attr-value,
-.token.keyword {
-	color: #07a;
+.token.property,
+.token.class-name,
+.token.constant,
+.token.symbol {
+	color: #f8c555;
 }
 
-.token.function,
-.token.class-name {
-	color: #DD4A68;
+.token.selector,
+.token.important,
+.token.atrule,
+.token.keyword,
+.token.builtin {
+	color: #cc99cd;
 }
 
+.token.string,
+.token.char,
+.token.attr-value,
 .token.regex,
-.token.important,
 .token.variable {
-	color: #e90;
+	color: #7ec699;
+}
+
+.token.operator,
+.token.entity,
+.token.url {
+	color: #67cdcc;
 }
 
 .token.important,
@@ -141,3 +119,7 @@ pre[class*="language-"] {
 	cursor: help;
 }
 
+.token.inserted {
+	color: green;
+}
+