refactor: implement kijish theme

1 files changed, 75 insertions, 21 deletions

diff --git a/cgit.css b/cgit.css
index ce02add..149da0b 100644
--- a/cgit.css
+++ b/cgit.css
@@ -35,6 +35,20 @@
 	--badge-remote-bg: #c8c8cc;
 	--badge-alert-bg: #d4d4d8;
 	--badge-border: #5a5d66;
+	--syntax-comment: #5c7488;
+	--syntax-preproc: #a14b96;
+	--syntax-keyword: #2f6fb4;
+	--syntax-operator: #2f4258;
+	--syntax-type: #3f78a6;
+	--syntax-number: #9a7420;
+	--syntax-string: #1f8b61;
+	--syntax-string-alt: #1f9ca8;
+	--syntax-variable: #29405a;
+	--syntax-constant: #ab6f2f;
+	--syntax-function: #1f8f9b;
+	--syntax-decorator: #a14b96;
+	--syntax-tag: #c34a4a;
+	--syntax-error: #c34141;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -74,6 +88,20 @@
 		--badge-remote-bg: #3a3a42;
 		--badge-alert-bg: #1e1e22;
 		--badge-border: #a0a6b2;
+		--syntax-comment: #709080;
+		--syntax-preproc: #dc8cc3;
+		--syntax-keyword: #94bff3;
+		--syntax-operator: #dcdcdc;
+		--syntax-type: #9ab8d7;
+		--syntax-number: #f0dfaf;
+		--syntax-string: #72d5a3;
+		--syntax-string-alt: #93e0e3;
+		--syntax-variable: #dcdcdc;
+		--syntax-constant: #dfaf8f;
+		--syntax-function: #8cd0d3;
+		--syntax-decorator: #dc8cc3;
+		--syntax-tag: #d67979;
+		--syntax-error: #d67979;
 	}
 }
 
@@ -1354,16 +1382,20 @@ div#cgit .highlight .cpf,
 div#cgit .highlight .c1,
 div#cgit .highlight .go,
 div#cgit .highlight .w,
-div#cgit .highlight .gp,
-div#cgit .highlight .nd {
-	color: var(--text-muted);
+div#cgit .highlight .gp {
+	color: var(--syntax-comment);
 }
 
 div#cgit .highlight .cp,
 div#cgit .highlight .cs,
 div#cgit .highlight .gh,
 div#cgit .highlight .gu {
-	color: var(--accent-upd);
+	color: var(--syntax-preproc);
+	background-color: transparent;
+}
+
+div#cgit .highlight .nd {
+	color: var(--syntax-decorator);
 	background-color: transparent;
 }
 
@@ -1372,10 +1404,18 @@ div#cgit .highlight .kc,
 div#cgit .highlight .kd,
 div#cgit .highlight .kn,
 div#cgit .highlight .kp,
-div#cgit .highlight .kr,
-div#cgit .highlight .ow,
+div#cgit .highlight .kr {
+	color: var(--syntax-keyword);
+	font-weight: 700;
+}
+
+div#cgit .highlight .ow {
+	color: var(--syntax-operator);
+	font-weight: 700;
+}
+
 div#cgit .highlight .kt {
-	color: var(--accent-upd);
+	color: var(--syntax-type);
 	font-weight: 700;
 }
 
@@ -1385,31 +1425,45 @@ div#cgit .highlight .mf,
 div#cgit .highlight .mh,
 div#cgit .highlight .mi,
 div#cgit .highlight .mo,
-div#cgit .highlight .il,
+div#cgit .highlight .il {
+	color: var(--syntax-number);
+}
+
 div#cgit .highlight .nb,
-div#cgit .highlight .bp,
-div#cgit .highlight .no {
-	color: var(--links);
+div#cgit .highlight .bp {
+	color: var(--syntax-keyword);
+}
+
+div#cgit .highlight .no,
+div#cgit .highlight .nl {
+	color: var(--syntax-constant);
 }
 
 div#cgit .highlight .na,
 div#cgit .highlight .nv,
-div#cgit .highlight .nl,
 div#cgit .highlight .py,
 div#cgit .highlight .vc,
 div#cgit .highlight .vg,
 div#cgit .highlight .vi,
 div#cgit .highlight .vm {
-	color: var(--variable);
+	color: var(--syntax-variable);
 }
 
 div#cgit .highlight .nc,
 div#cgit .highlight .ne,
+div#cgit .highlight .nn {
+	color: var(--syntax-type);
+	font-weight: 700;
+}
+
+div#cgit .highlight .nt {
+	color: var(--syntax-tag);
+	font-weight: 700;
+}
+
 div#cgit .highlight .nf,
-div#cgit .highlight .nn,
-div#cgit .highlight .nt,
 div#cgit .highlight .fm {
-	color: var(--accent-upd);
+	color: var(--syntax-function);
 	font-weight: 700;
 }
 
@@ -1420,25 +1474,25 @@ div#cgit .highlight .sc,
 div#cgit .highlight .dl,
 div#cgit .highlight .sd,
 div#cgit .highlight .s2,
-div#cgit .highlight .se,
 div#cgit .highlight .sh,
-div#cgit .highlight .si,
 div#cgit .highlight .s1,
 div#cgit .highlight .ss {
-	color: var(--accent-del);
+	color: var(--syntax-string);
 	background-color: transparent;
 }
 
+div#cgit .highlight .se,
+div#cgit .highlight .si,
 div#cgit .highlight .sx,
 div#cgit .highlight .sr {
-	color: var(--accent-add);
+	color: var(--syntax-string-alt);
 	background-color: transparent;
 }
 
 div#cgit .highlight .err,
 div#cgit .highlight .gr,
 div#cgit .highlight .gt {
-	color: var(--accent-del);
+	color: var(--syntax-error);
 	background-color: var(--bg-del);
 }