refactor: do in-line overrides instead

1 files changed, 222 insertions, 43 deletions

diff --git a/cgit.css b/cgit.css
index fe91909..ce02add 100644
--- a/cgit.css
+++ b/cgit.css
@@ -1228,47 +1228,226 @@ div#cgit table.blob .num {
 	color: var(--links);
 }
 
-/* fix syntax hightlighting and rendered markup colors in dark mode */
-@media (prefers-color-scheme: dark) {
-	div#cgit table.blob:has(.highlight),
-	div#cgit div.content:has(#summary) {
-		color-scheme: light;
-		--background-body: #f5f5f5;
-		--background: #eaeaed;
-		--background-alt: #f0f0f3;
-		--selection: #c8c8cc;
-		--text-main: #2a2a2e;
-		--text-bright: #111114;
-		--text-muted: #5a5d66;
-		--links: #2F68D0;
-		--focus: #5a5d66ab;
-		--border: #c8c8cc;
-		--code: #2a2a2e;
-		--button-base: #d4d4d8;
-		--button-hover: #a8a8ae;
-		--form-placeholder: #7a7d86;
-		--variable: #5a6654;
-		--highlight: #e0ddd8;
-		--accent-add: green;
-		--accent-del: red;
-		--accent-upd: #2d68d0;
-		--bg-add: #cfc;
-		--bg-add-strong: #aca;
-		--bg-del: #fcc;
-		--bg-del-strong: #caa;
-		--graph-add: #5c5;
-		--graph-del: #c55;
-		--bg-change: #f0f0f3;
-		--bg-change-strong: #eaeaed;
-		--bg-hunk: #c8c8cc;
-		--tab-active-bg: #e6e8ee;
-		--tab-active-border: #5f6f91;
-		--badge-branch-bg: #e0ddd8;
-		--badge-tag-bg: #d4d4d8;
-		--badge-remote-bg: #c8c8cc;
-		--badge-alert-bg: #d4d4d8;
-		--badge-border: #5a5d66;
-		background-color: var(--background-body);
-		color: var(--text-main);
-	}
+/* markdown and pygments theme overrides */
+div#cgit .markdown-body {
+	color: var(--text-main);
+}
+
+div#cgit .markdown-body a {
+	color: var(--links);
+}
+
+div#cgit .markdown-body a.absent {
+	color: var(--accent-del);
+}
+
+div#cgit .markdown-body h1,
+div#cgit .markdown-body h2,
+div#cgit .markdown-body h3,
+div#cgit .markdown-body h4,
+div#cgit .markdown-body h5,
+div#cgit .markdown-body h6 {
+	color: var(--text-bright);
+}
+
+div#cgit .markdown-body h1 .mini-icon-link,
+div#cgit .markdown-body h2 .mini-icon-link,
+div#cgit .markdown-body h3 .mini-icon-link,
+div#cgit .markdown-body h4 .mini-icon-link,
+div#cgit .markdown-body h5 .mini-icon-link,
+div#cgit .markdown-body h6 .mini-icon-link {
+	color: var(--text-bright);
+}
+
+div#cgit .markdown-body h1 a.toclink,
+div#cgit .markdown-body h2 a.toclink,
+div#cgit .markdown-body h3 a.toclink,
+div#cgit .markdown-body h4 a.toclink,
+div#cgit .markdown-body h5 a.toclink,
+div#cgit .markdown-body h6 a.toclink {
+	color: var(--text-bright) !important;
+}
+
+div#cgit .markdown-body h2 {
+	border-bottom-color: var(--border);
+}
+
+div#cgit .markdown-body h6,
+div#cgit .markdown-body blockquote {
+	color: var(--text-muted);
+}
+
+div#cgit .markdown-body blockquote {
+	border-left-color: var(--border);
+}
+
+div#cgit .markdown-body hr {
+	border-color: var(--border);
+}
+
+div#cgit .markdown-body table th,
+div#cgit .markdown-body table td,
+div#cgit .markdown-body table tr {
+	border-color: var(--border);
+}
+
+div#cgit .markdown-body table tr {
+	background-color: var(--background-body);
+}
+
+div#cgit .markdown-body table tr:nth-child(2n) {
+	background-color: var(--background-alt);
+}
+
+div#cgit .markdown-body span.frame > span {
+	border-color: var(--border);
+}
+
+div#cgit .markdown-body span.frame span span {
+	color: var(--text-main);
+}
+
+div#cgit .markdown-body code,
+div#cgit .markdown-body tt {
+	color: var(--code);
+	background-color: var(--background-alt);
+	border-color: var(--border);
+}
+
+div#cgit .markdown-body pre,
+div#cgit .markdown-body .highlight pre {
+	color: var(--code);
+	background-color: var(--background-alt);
+	border-color: var(--border);
+}
+
+div#cgit .markdown-body pre code,
+div#cgit .markdown-body pre tt {
+	color: inherit;
+}
+
+/* pygments colors generated inline by cgit markdown filters */
+div#cgit .highlight {
+	color: var(--code);
+	background: transparent;
+}
+
+div#cgit .highlight .hll {
+	background-color: var(--bg-change);
+}
+
+div#cgit td.linenos .normal,
+div#cgit span.linenos {
+	color: var(--text-muted);
+}
+
+div#cgit td.linenos .special,
+div#cgit span.linenos.special {
+	color: var(--text-bright);
+	background-color: var(--bg-hunk);
+}
+
+div#cgit .highlight .c,
+div#cgit .highlight .ch,
+div#cgit .highlight .cm,
+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 .cp,
+div#cgit .highlight .cs,
+div#cgit .highlight .gh,
+div#cgit .highlight .gu {
+	color: var(--accent-upd);
+	background-color: transparent;
+}
+
+div#cgit .highlight .k,
+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 .kt {
+	color: var(--accent-upd);
+	font-weight: 700;
+}
+
+div#cgit .highlight .m,
+div#cgit .highlight .mb,
+div#cgit .highlight .mf,
+div#cgit .highlight .mh,
+div#cgit .highlight .mi,
+div#cgit .highlight .mo,
+div#cgit .highlight .il,
+div#cgit .highlight .nb,
+div#cgit .highlight .bp,
+div#cgit .highlight .no {
+	color: var(--links);
+}
+
+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);
+}
+
+div#cgit .highlight .nc,
+div#cgit .highlight .ne,
+div#cgit .highlight .nf,
+div#cgit .highlight .nn,
+div#cgit .highlight .nt,
+div#cgit .highlight .fm {
+	color: var(--accent-upd);
+	font-weight: 700;
+}
+
+div#cgit .highlight .s,
+div#cgit .highlight .sa,
+div#cgit .highlight .sb,
+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);
+	background-color: transparent;
+}
+
+div#cgit .highlight .sx,
+div#cgit .highlight .sr {
+	color: var(--accent-add);
+	background-color: transparent;
+}
+
+div#cgit .highlight .err,
+div#cgit .highlight .gr,
+div#cgit .highlight .gt {
+	color: var(--accent-del);
+	background-color: var(--bg-del);
+}
+
+div#cgit .highlight .gd {
+	color: var(--text-main);
+	background-color: var(--bg-del);
+}
+
+div#cgit .highlight .gi {
+	color: var(--text-main);
+	background-color: var(--bg-add);
 }