Dumbed things down in README and added some themes

2 files changed, 305 insertions, 0 deletions

diff --git a/themes/default.css b/themes/default.css
new file mode 100644
index 0000000..a2ba187
--- /dev/null
+++ b/themes/default.css
@@ -0,0 +1,154 @@
+body {
+	color: #000;
+	background-color: #fff;
+	font-family: monospace;
+}
+
+h1, h2, h3, h4, h5, h6 {
+	font-size: 1em;
+	margin: 0;
+}
+
+img, h1, h2 {
+	vertical-align: middle;
+}
+
+img {
+	border: 0;
+}
+
+a:target {
+	background-color: #ccc;
+}
+
+a.d,
+a.h,
+a.i,
+a.line {
+	text-decoration: none;
+}
+
+#blob a {
+	color: #555;
+}
+
+#blob a:hover {
+	color: blue;
+	text-decoration: none;
+}
+
+table thead td {
+	font-weight: bold;
+}
+
+table td {
+	padding: 0 0.4em;
+}
+
+#content table td {
+	vertical-align: top;
+	white-space: nowrap;
+}
+
+#branches tr:hover td,
+#tags tr:hover td,
+#index tr:hover td,
+#log tr:hover td,
+#files tr:hover td {
+	background-color: #eee;
+}
+
+#index tr td:nth-child(2),
+#tags tr td:nth-child(3),
+#branches tr td:nth-child(3),
+#log tr td:nth-child(2) {
+	white-space: normal;
+}
+
+td.num {
+	text-align: right;
+}
+
+.desc {
+	color: #555;
+}
+
+hr {
+	border: 0;
+	border-top: 1px solid #555;
+	height: 1px;
+}
+
+pre {
+	font-family: monospace;
+}
+
+pre a.h {
+	color: #00a;
+}
+
+.A,
+span.i,
+pre a.i {
+	color: #070;
+}
+
+.D,
+span.d,
+pre a.d {
+	color: #e00;
+}
+
+pre a.h:hover,
+pre a.i:hover,
+pre a.d:hover {
+	text-decoration: none;
+}
+
+@media (prefers-color-scheme: dark) {
+	body {
+		background-color: #000;
+		color: #bdbdbd;
+	}
+	hr {
+		border-color: #222;
+	}
+	a {
+		color: #56c8ff;
+	}
+	a:target {
+		background-color: #222;
+	}
+	.desc {
+		color: #aaa;
+	}
+	#blob a {
+		color: #555;
+	}
+	#blob a:target {
+		color: #eee;
+	}
+	#blob a:hover {
+		color: #56c8ff;
+	}
+	pre a.h {
+		color: #00cdcd;
+	}
+	.A,
+	span.i,
+	pre a.i {
+		color: #00cd00;
+	}
+	.D,
+	span.d,
+	pre a.d {
+		color: #cd0000;
+	}
+	#branches tr:hover td,
+	#tags tr:hover td,
+	#index tr:hover td,
+	#log tr:hover td,
+	#files tr:hover td {
+		background-color: #111;
+	}
+}
diff --git a/themes/shipwreckt.css b/themes/shipwreckt.css
new file mode 100644
index 0000000..745a76c
--- /dev/null
+++ b/themes/shipwreckt.css
@@ -0,0 +1,151 @@
+
+body {
+	color: #FBF5E5;
+	background-color: #212121;
+  font-family: 'Hack Nerd Font', monospace;
+	letter-spacing: 1.1px;
+	font-size: 0.9em;
+	line-height: 1.3;
+}
+
+h1, h2, h3, h4, h5, h6 {
+	font-size: 1em;
+	margin: 0;
+}
+h1 {
+	color: #8446d9;
+}
+
+h2, h3, h4, h5, h6 {
+	color: #8b6268;
+}
+
+img, h1, h2 {
+	vertical-align: middle;
+}
+
+img {
+	border: 0;
+}
+
+a {
+	color: #6a5acd;
+	text-decoration: none;
+}
+
+a:hover {
+	color: #8e80e5;
+	text-decoration: none;
+}
+
+#blob a {
+	color: #454545;
+}
+
+#blob a:hover {
+	color: #69c884;
+	text-decoration: none;
+}
+
+table thead td {
+	font-weight: lighter;
+	color: #7151ba;
+}
+
+table td {
+	padding: 0 0.4em;
+}
+
+table#files > tbody > tr:hover > td > a,
+table#files > tbody > tr:hover > td > a:hover,
+table#log > tbody > tr:hover > td > a,
+table#log > tbody > tr:hover > td > a:hover,
+table#index > tbody > tr:hover > td > a,
+table#index > tbody > tr:hover > td > a:hover {
+	color: #181512;
+}
+
+#content table td {
+	vertical-align: top;
+	white-space: nowrap;
+}
+
+#branches tr:hover td,
+#tags tr:hover td,
+#index tr:hover td,
+#log tr:hover td,
+#files tr:hover td {
+	background-color: #6a5acd;
+	color: #181512;
+}
+
+#index tr td:nth-child(2),
+#tags tr td:nth-child(3),
+#branches tr td:nth-child(3),
+#log tr td:nth-child(2) {
+	white-space: normal;
+}
+
+td.num {
+	text-align: right;
+}
+
+.desc {
+	color: #FFFFFF;
+}
+
+hr {
+	border: 0;
+	border-top: 1px dotted #454545;
+	height: 1px;
+	width: 80%;
+	margin-inline-start: 0;
+}
+
+pre {
+	font-family: "envy";
+	font-size: 0.9em;
+	width: 80%;
+	overflow-x: auto;
+}
+
+@media (max-width: 767px) {
+	hr, pre {width: 100%;}
+}
+
+pre a,
+pre a:hover {
+	border: 0px;
+}
+
+pre a.h {
+	color: #fbf0d2;
+	background-color: #454545;
+}
+
+span.i,
+pre a.i {
+	color: #bcc92e;
+}
+
+span.d,
+pre a.d {
+	color: #ae424b;
+}
+
+pre a.h:hover,
+pre a.i:hover,
+pre a.d:hover {
+	text-decoration: none;
+}
+
+pre b {
+	font-weight: normal;
+}
+
+pre#blob {
+	background-color: #181512;
+	/*color: #bcc92e;*/
+	color: #dab733;
+	overflow-x: auto;
+}