From b30a41f5fb5694b6a4f0807876ddd1490ed5020a Mon Sep 17 00:00:00 2001
From: overdodactyl <pjohns33@protonmail.com>
Date: Thu, 7 Dec 2017 10:24:07 -0700
Subject: [PATCH] Improvements to view-source pages #7

---
 userContent.css | 76 ++++++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 66 insertions(+), 10 deletions(-)

diff --git a/userContent.css b/userContent.css
index 86b07e6..51a5e0c 100644
--- a/userContent.css
+++ b/userContent.css
@@ -86,26 +86,82 @@
 		
 }
 
+/* Purple: #b78cfd
+ * Green: #86de74
+ * Steelblue: steelblue
+ *					*/
+
 @-moz-document url-prefix(view-source) {
 	*|*:root {
 	  background-color: var(--primary-dark-color) !important;
 	  color: var(--primary-light-color) !important;
 	}
-	
-	.highlight .attribute-value {
-	    color: var(--primary-accent-color) !important;
+	pre[id]:before,
+	span[id]:before {
+	  content: counter(line) " ";
+	  counter-increment: line;
+	  -moz-user-select: none;
+	  display: inline-block;
+	  width: 5ch;
+	  margin: 0 0 0 -5ch;
+	  text-align: right;
+	  color: #ccc;
+	  font-weight: normal;
+	  font-style: normal;
 	}
-	
 	.highlight .start-tag {
-	    color: var(--magenta-60) !important;
+	 color: #b78cfd !important;
+	 font-weight: bold;
 	}
-	
-	.highlight .error, .highlight .error > :-moz-any(.start-tag, .end-tag, .comment, .cdata, .doctype, .pi, .entity, .attribute-name, .attribute-value) {
-	    color: var(--red-60) !important;
+	.highlight .end-tag {
+	 color: #b78cfd !important;
+	 font-weight: bold;
+	}
+	.highlight .comment {
+	 color: #86de74 !important;
+	 font-style: italic;
+	}
+	.highlight .cdata {
+	 color: #CC0066 !important;
+	}
+	.highlight .doctype {
+	 color: steelblue !important;
+	 font-style: italic;
+	}
+	.highlight .pi {
+	 color: #ff7de9 !important;
+	 font-style: italic;
+	}
+	.highlight .entity {
+	 color: #FF4500 !important;
+	 font-weight: normal;
+	}
+	.highlight .text {
+	  font-weight: normal;
 	}
-	
 	.highlight .attribute-name {
-	    color: var(--primary-light-color) !important;
+	 color: var(--primary-light-color) !important;
+	 font-weight: bold;
+	}
+	.highlight .attribute-value {
+	 color: #75bfff !important;
+	 font-weight: normal;
+	}
+	.highlight .markupdeclaration {
+	 color: steelblue !important;
+	 font-style: italic;
+	}
+	span:not(.error), a:not(.error) {
+	 unicode-bidi: embed;
+	}
+	span[id] {
+	 unicode-bidi: isolate;
+	}
+	.highlight .error,
+	.highlight .error > :-moz-any(.start-tag, .end-tag, .comment, .cdata, .doctype,
+	                              .pi, .entity, .attribute-name, .attribute-value) {
+	  color: red;
+	  font-weight: bold;
 	}
 
 }