ctucx.git: stagit

Customize dark theme

diff --git a/logo.svg b/logo.svg
@@ -1 +1 @@
-<?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 210 210" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0,-87)"><circle r="105" cy="192" cx="105" style="fill:#7ec27b;"/><path style="fill:#fff;stroke-width:3.11444497" d="m 62.821144,169.92187 q 7.474669,0 14.077293,2.61614 6.727201,2.49156 11.710314,6.97636 5.10769,4.4848 7.97298,10.71369 2.989867,6.10431 2.989867,13.4544 0,7.59925 -2.989867,13.95272 -2.86529,6.35347 -7.97298,10.96284 -4.983113,4.60938 -11.710314,7.22552 -6.602624,2.61613 -14.077293,2.61613 -7.350091,0 -13.952715,-2.49155 -6.602624,-2.61614 -11.585737,-7.22552 -4.983112,-4.60938 -7.848402,-10.96285 -2.86529,-6.47804 -2.86529,-14.07729 0,-7.35009 2.86529,-13.57898 2.86529,-6.22889 7.848402,-10.71369 4.983113,-4.4848 11.585737,-6.97636 6.602624,-2.49156 13.952715,-2.49156 z m 0,7.22552 q -3.737335,0 -6.85178,1.99324 -3.114445,1.86867 -5.356846,5.35685 -2.117823,3.48818 -3.363601,8.47129 -1.1212,4.85853 -1.1212,10.83827 0,6.22889 1.1212,11.212 1.245778,4.98312 3.363601,8.47129 2.242401,3.48818 5.232268,5.48143 3.114446,1.86867 6.976358,1.86867 3.861912,0 6.976357,-1.86867 3.239023,-1.99325 5.481424,-5.48143 2.242401,-3.61275 3.488179,-8.59586 1.245778,-4.98312 1.245778,-11.08743 0,-5.97974 -1.245778,-10.83827 -1.245778,-4.85853 -3.488179,-8.34671 -2.242401,-3.61276 -5.481424,-5.48143 -3.114445,-1.99324 -6.976357,-1.99324 z"/><path style="fill:#fff;stroke-width:3.11444497" d="m 132.23045,209.91135 q 0,4.60938 1.24578,8.59587 1.37036,3.86191 3.61276,6.7272 2.2424,2.86529 5.35684,4.4848 3.11445,1.61952 6.85178,1.61952 7.47467,0 11.33658,-6.85178 3.86191,-6.85178 3.86191,-20.18161 0,-12.95609 -3.86191,-19.68329 -3.73733,-6.85178 -11.33658,-6.85178 -4.4848,0 -8.34671,2.49155 -3.73734,2.36698 -5.85516,6.72721 -2.86529,5.97973 -2.86529,15.07391 z m -0.24915,-30.14783 h 0.49831 q 3.23902,-4.73395 8.34671,-7.22551 5.10769,-2.61614 11.58574,-2.61614 6.60262,0 12.20862,2.74072 5.73058,2.61613 9.84165,7.22551 4.23564,4.60938 6.60262,10.83827 2.36698,6.22889 2.36698,13.32983 0,7.47466 -2.61613,13.82813 -2.49156,6.22889 -6.97636,10.83827 -4.36022,4.60938 -10.33996,7.22552 -5.85516,2.61613 -12.45778,2.61613 -6.85178,0 -12.95609,-2.61613 -5.97974,-2.74072 -9.59249,-7.10094 l -9.46792,8.34671 h -4.23564 V 163.0701 q 0,-11.71032 -1.61951,-16.07054 -0.37374,-0.87205 -0.87205,-1.49494 -0.49831,-0.62289 -1.49493,-0.99662 -0.87205,-0.49831 -2.49156,-0.74747 -1.61951,-0.37373 -4.23564,-0.74746 v -4.23565 l 27.90543,-4.98311 z"/></g></svg>
+<?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 210 210" xmlns="http://www.w3.org/2000/svg"><style>path{fill:#fff}circle{fill:#7ec27b;}@media(prefers-color-scheme:dark){path{fill:#ccc;}circle{fill:#4876a1;}}</style><g id="l" transform="translate(0,-87)"><circle r="105" cy="192" cx="105"/><path style="stroke-width:3.11444497" d="m 62.821144,169.92187 q 7.474669,0 14.077293,2.61614 6.727201,2.49156 11.710314,6.97636 5.10769,4.4848 7.97298,10.71369 2.989867,6.10431 2.989867,13.4544 0,7.59925 -2.989867,13.95272 -2.86529,6.35347 -7.97298,10.96284 -4.983113,4.60938 -11.710314,7.22552 -6.602624,2.61613 -14.077293,2.61613 -7.350091,0 -13.952715,-2.49155 -6.602624,-2.61614 -11.585737,-7.22552 -4.983112,-4.60938 -7.848402,-10.96285 -2.86529,-6.47804 -2.86529,-14.07729 0,-7.35009 2.86529,-13.57898 2.86529,-6.22889 7.848402,-10.71369 4.983113,-4.4848 11.585737,-6.97636 6.602624,-2.49156 13.952715,-2.49156 z m 0,7.22552 q -3.737335,0 -6.85178,1.99324 -3.114445,1.86867 -5.356846,5.35685 -2.117823,3.48818 -3.363601,8.47129 -1.1212,4.85853 -1.1212,10.83827 0,6.22889 1.1212,11.212 1.245778,4.98312 3.363601,8.47129 2.242401,3.48818 5.232268,5.48143 3.114446,1.86867 6.976358,1.86867 3.861912,0 6.976357,-1.86867 3.239023,-1.99325 5.481424,-5.48143 2.242401,-3.61275 3.488179,-8.59586 1.245778,-4.98312 1.245778,-11.08743 0,-5.97974 -1.245778,-10.83827 -1.245778,-4.85853 -3.488179,-8.34671 -2.242401,-3.61276 -5.481424,-5.48143 -3.114445,-1.99324 -6.976357,-1.99324 z"/><path style="stroke-width:3.11444497" d="m 132.23045,209.91135 q 0,4.60938 1.24578,8.59587 1.37036,3.86191 3.61276,6.7272 2.2424,2.86529 5.35684,4.4848 3.11445,1.61952 6.85178,1.61952 7.47467,0 11.33658,-6.85178 3.86191,-6.85178 3.86191,-20.18161 0,-12.95609 -3.86191,-19.68329 -3.73733,-6.85178 -11.33658,-6.85178 -4.4848,0 -8.34671,2.49155 -3.73734,2.36698 -5.85516,6.72721 -2.86529,5.97973 -2.86529,15.07391 z m -0.24915,-30.14783 h 0.49831 q 3.23902,-4.73395 8.34671,-7.22551 5.10769,-2.61614 11.58574,-2.61614 6.60262,0 12.20862,2.74072 5.73058,2.61613 9.84165,7.22551 4.23564,4.60938 6.60262,10.83827 2.36698,6.22889 2.36698,13.32983 0,7.47466 -2.61613,13.82813 -2.49156,6.22889 -6.97636,10.83827 -4.36022,4.60938 -10.33996,7.22552 -5.85516,2.61613 -12.45778,2.61613 -6.85178,0 -12.95609,-2.61613 -5.97974,-2.74072 -9.59249,-7.10094 l -9.46792,8.34671 h -4.23564 V 163.0701 q 0,-11.71032 -1.61951,-16.07054 -0.37374,-0.87205 -0.87205,-1.49494 -0.49831,-0.62289 -1.49493,-0.99662 -0.87205,-0.49831 -2.49156,-0.74747 -1.61951,-0.37373 -4.23564,-0.74746 v -4.23565 l 27.90543,-4.98311 z"/></g></svg>

diff --git a/style.css b/style.css
@@ -1,12 +1,3 @@
-:root {
-	--diff-green: #181;
-	--diff-red: #e02;
-	--links: #00c;
-	--border: #d2d2d2;
-	--gray: #777;
-	--hover-bg: #eee;
-}
-
 body {
 	color: #000;
 	background-color: #fff;

@@ -39,13 +30,13 @@ body {
 
 pre:not(#about) {
 	overflow-x: auto;
-	border: 1px solid var(--border);
+	border: 1px solid #d2d2d2;
 	border-radius: 4px;
 	padding: 10px;
 }
 
 a {
-	color: var(--links);
+	color: #00c;
 }
 
 #head table {

@@ -99,11 +90,11 @@ h1, h2, h3, h4, h5, h6 {
 	font-size: 1.25em;
 }
 
-img, h1, h2 {
+img, svg, h1, h2 {
 	vertical-align: middle;
 }
 
-img {
+img, svg {
 	border: 0;
 }
 

@@ -119,7 +110,7 @@ a.line {
 }
 
 #blob a {
-	color: var(--gray);
+	color: #777;
 }
 
 #blob a:hover {

@@ -145,7 +136,7 @@ table td {
 #index tr:hover td,
 #log tr:hover td,
 #files tr:hover td {
-	background-color: var(--hover-bg);
+	background-color: #eee;
 }
 
 #index tr td:nth-child(2),

@@ -160,12 +151,12 @@ td.num {
 }
 
 .desc {
-	color: var(--gray);
+	color: #777;
 }
 
 hr {
 	border: 0;
-	border-top: 1px solid var(--gray);
+	border-top: 1px solid #777;
 	height: 1px;
 }
 

@@ -176,13 +167,13 @@ pre {
 .A,
 span.i,
 pre a.i {
-	color: var(--diff-green);
+	color: #181;
 }
 
 .D,
 span.d,
 pre a.d {
-	color: var(--diff-red);
+	color: #e02;
 }
 
 pre a.h:hover,

@@ -194,12 +185,13 @@ pre a.d:hover {
 .md table {
 	border-collapse: collapse;
 	margin: 1em 1em;
-	border: 1px solid var(--border);
+	border: 1px solid #d2d2d2;
 }
+
 .md table td,
 .md table th {
 	padding: 0.25em 1em;
-	border: 1px solid var(--border);
+	border: 1px solid #d2d2d2;
 }
 
 #index .cat td {

@@ -208,17 +200,18 @@ pre a.d:hover {
 
 #index .repo td:first-child {
 	padding-left: 1.5em;
+}
 
 @media (prefers-color-scheme: dark) {
 	body {
-		background-color: #000;
-		color: #bdbdbd;
+		background-color: #111;
+		color: #ccc;
 	}
 	hr {
-		border-color: #222;
+		border-color: #555;
 	}
 	a {
-		color: #56c8ff;
+		color: #4d80b3;
 	}
 	a:target {
 		background-color: #222;

@@ -236,17 +229,17 @@ pre a.d:hover {
 		color: #56c8ff;
 	}
 	pre a.h {
-		color: #00cdcd;
+		color: #0bb;
 	}
 	.A,
 	span.i,
 	pre a.i {
-		color: #00cd00;
+		color: #1a1;
 	}
 	.D,
 	span.d,
 	pre a.d {
-		color: #cd0000;
+		color: #e44;
 	}
 	#branches tr:hover td,
 	#tags tr:hover td,

@@ -255,4 +248,10 @@ pre a.d:hover {
 	#files tr:hover td {
 		background-color: #111;
 	}
+	pre:not(#about),
+	.md table,
+	.md table td,
+	.md table th {
+		border-color: #555;
+	}
 }