From 0d470d43d8ddeedc30ce77f556804b9e42d44886 Mon Sep 17 00:00:00 2001
From: seth <git@ipv4.army>
Date: Sun, 18 May 2025 19:14:32 -0400
Subject: [PATCH] style: refine syntax highlighting styles for better
 readability

---
 src/front/index.css | 126 ++++----------------------------------------
 1 file changed, 11 insertions(+), 115 deletions(-)

diff --git a/src/front/index.css b/src/front/index.css
index 29b519d..e5d7841 100644
--- a/src/front/index.css
+++ b/src/front/index.css
@@ -22,9 +22,10 @@ body {
 	background-color: rgb(var(--mdui-color-background));
 }
 
-[class*="shj-lang-"] {
+.shj-lang-json {
 	white-space: pre;
-	color: #112;
+	color: #f8f8f2;
+	background: var(--mdui-color-secondary-container);
 	text-shadow: none;
 	box-sizing: border-box;
 	background: #dedede;
@@ -35,6 +36,14 @@ body {
 	font:
 		18px / 24px monospace;
 	box-shadow: 0 0 5px #0001;
+
+	:before {
+		color: #6f9aff;
+	}
+
+	::selection {
+		background: #bdf5;
+	}
 }
 
 .shj-inline {
@@ -44,103 +53,19 @@ body {
 	display: inline-block;
 }
 
-[class*="shj-lang-"]::selection {
-	background: #bdf5;
-}
 
-[class*="shj-lang-"] ::selection {
-	background: #bdf5;
-}
-
-/*
-[class*="shj-lang-"] > div {
-	display: flex;
-	overflow: auto;
-}
-
-[class*="shj-lang-"] > div :last-child {
-	outline: none;
-	flex: 1;
-}
-
-.shj-numbers {
-	counter-reset: line;
-	padding-left: 5px;
-}
-
-.shj-numbers div {
-	padding-right: 5px;
-}
-
-.shj-numbers div:before {
-	color: #999;
-	content: counter(line);
-	opacity: 0.5;
-	text-align: right;
-	counter-increment: line;
-	margin-right: 5px;
-	display: block;
-}
-
-.shj-syn-cmnt {
-	font-style: italic;
-}
-
-.shj-syn-err,
-.shj-syn-kwd {
-	color: #e16;
-}
-
-.shj-syn-num,
-.shj-syn-class {
-	color: #f60;
-}
-*/
 .shj-syn-insert,
 .shj-syn-str {
 	color: #7d8;
 }
 
-/*
-.shj-syn-bool {
-	color: #3bf;
-}
 
-.shj-syn-type,
-.shj-syn-oper {
-	color: #5af;
-}
-
-.shj-syn-section,
-.shj-syn-func {
-	color: #84f;
-}
-*/
 .shj-syn-deleted,
 .shj-syn-var {
 	color: #f44;
 }
 
-/*
-.shj-oneline {
-	padding: 12px 10px;
-}
 
-.shj-lang-http.shj-oneline .shj-syn-kwd {
-	color: #fff;
-	background: #25f;
-	border-radius: 5px;
-	padding: 5px 7px;
-}
-*/
-[class*="shj-lang-"] {
-	color: #f8f8f2;
-	background: var(--mdui-color-secondary-container);
-}
-
-[class*="shj-lang-"]:before {
-	color: #6f9aff;
-}
 
 .shj-syn-deleted,
 .shj-syn-err,
@@ -148,36 +73,7 @@ body {
 	color: #ff5261;
 }
 
-/*
-.shj-syn-section,
-.shj-syn-kwd {
-	color: #ff7cc6;
-}
 
-.shj-syn-class {
-	color: #eab07c;
-}
-
-.shj-numbers,
-.shj-syn-cmnt {
-	color: #7d828b;
-}
-
-.shj-syn-insert,
-.shj-syn-type,
-.shj-syn-func,
-.shj-syn-bool {
-	color: #71d58a;
-}
-
-.shj-syn-num {
-	color: #b581fd;
-}
-
-.shj-syn-oper {
-	color: #80c6ff;
-}
-*/
 .shj-syn-str {
 	color: #4dacfa;
 }