mostly just css updates, the rest i completely forgot lmao

1 files changed, 382 insertions, 690 deletions

diff --git a/cgit.css b/cgit.css
index 81952aa..52f60fa 100644
--- a/cgit.css
+++ b/cgit.css
@@ -1,53 +1,229 @@
 @font-face {
-    font-family: "CgitFont";
+    font-family: "Kode Mono";
     src: url("./font.ttf") format("truetype");
 }
 
-div#cgit {
-	padding: 0em;
-	margin: 0em;
-	font-family: sans-serif;
-	font-size: 10pt;
-	color: #333;
-	background: white;
-	padding: 4px;
+html {
+    --base: #151617;
+    --base-2: #1d2123;
+    --base-3: #2a3039;
+    --text: #d2e7efff;
+    --code: #1d2123;
+    --code-text: #abd1de;
+    --accent: #278db6;
+    font-family: "Kode Mono", monospace;
+}
+* {
+    font-family: "Kode Mono", monospace;
+}
+
+*:target {
+	animation: flash 1s ease-in forwards;
+}
+
+@keyframes flash {
+  0% {
+    background: var(--base-3);
+  }
+
+  100% {
+    background: transparent;
+  }
+}
+
+body {
+    background: var(--base);
+    color: var(--text);
+    margin: 0;
+    padding: 0.5rem;
+}
+
+a {
+    color: var(--code-text);
+    padding: 0.2rem;
+}
+
+a.active,
+a:focus,
+a:hover {
+		background: var(--text);
+    color: var(--base);
+}
+
+td.logo a:hover {
+		background: transparent;
+    color: var(--text);
+    padding: 0.2rem;
+    text-decoration: none;
 }
 
-div#cgit code {
-    font-family: "CgitFont";
+header {
+    background: repeating-linear-gradient(45deg,var(--base) 0rem,var(--base) 1rem,var(--base-2) 1rem,var(--base-2) 2rem);
+    border: var(--base-2) 1px solid;
+    padding-inline: 0.4rem;
+    max-width: 80ch;
+    height: 4rem;
+    margin-inline: auto;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+header h1 {
+    padding: 0;
+    margin: 0;
+}
+header .logo {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding-inline: 0.5rem;
+}
+
+header .logo::before,
+header .logo::after {
+    content: none;
+}
+header .logo svg {
+    height: 2rem;
+    width: auto;
+}
+
+nav ul {
+    padding: 0;
+    margin: 0;
+    display: flex;
+    justify-content: right;
+    list-style: none;
+    font-size: large;
+    gap: 0.4rem;
+}
+/*
+header a::after {display: none;}
+header li a::after {
+    display: block;
+    top: 50%; left: -0.2rem; width: 1px; height: 50%; transform: translate(-50%, -50%);
+    opacity: 50%;
+}
+header li:first-child a::after {display: none;}
+*/
+
+main {
+    max-width: 70ch;
+    margin-inline: auto;
+}
+
+code:not([class*="language-"]) {
+    background-color: var(--code);
+    color: var(--code-text);
+    padding: 0.2rem;
+    border-radius: 0;
+}
+pre[class*="language-"] {
+    position: relative;
+    padding: 1.5rem 1rem;
+    overflow-x: auto;
+    border-radius: 0;
+    font-family: "JetBrains Mono", monospace;
+}
+pre[class*="language-"] * {
+    font-family: "JetBrains Mono", monospace;
+}
+
+footer {
+    max-width: 80ch;
+    margin-inline: auto;
+    margin-top: 4rem;
+}
+footer .social {
+    margin-top: 1rem;
+    max-width: fit-content;
+    display: flex;
+    gap: 0.2rem;
+    margin-inline: auto;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+.my-age {
+    cursor:help;
+}
+
+picture {
+    display: block;
+    text-align: center;
+    max-width: 100%;
+    margin-block: 2rem;
+}
+picture img {
+    max-width: 100%;
+    box-shadow:
+        var(--base) 0.2rem 0.2rem 0px,
+        var(--text) 0.6rem 0.6rem 0px,
+        var(--base) -0.2rem -0.2rem 0px,
+        var(--text) -0.6rem -0.6rem 0px
+    ;
+    border-radius: 0rem;
+}
+
+div#cgit div.content {
+	border-bottom: solid 3px var(--text);
+}
+
+input,
+button,
+select,
+textarea {
+	font: "Kode Mono";
+	color: var(--text);
+	background: var(--base);
+	border: 1px solid var(--text);
+}
+
+input:hover,
+button:hover,
+select:hover,
+input:focus,
+button:focus,
+select:focus,
+textarea:focus
+textarea:hover {
+	color: var(--base);
+	background: var(--text);
+}
+
+div#cgit {
+	padding: 4px;
+	margin: 0;
+	font-family: sans-serif;
+	font-size: 10pt
 }
 
 div#cgit a {
-	color: blue;
-	text-decoration: none;
+	text-decoration: none
 }
 
 div#cgit a:hover {
-	text-decoration: underline;
+	text-decoration: underline
 }
 
 div#cgit table {
-	border-collapse: collapse;
+	border-collapse: collapse
 }
 
 div#cgit table#header {
 	width: 100%;
-	margin-bottom: 1em;
+	margin-bottom: 1em
 }
 
 div#cgit table#header td.logo {
 	width: 96px;
-	vertical-align: top;
+	vertical-align: top
 }
 
 div#cgit table#header td.main {
 	font-size: 250%;
 	padding-left: 10px;
-	white-space: nowrap;
-}
-
-div#cgit table#header td.main a {
-	color: #000;
+	white-space: nowrap
 }
 
 div#cgit table#header td.form {
@@ -55,684 +231,427 @@ div#cgit table#header td.form {
 	vertical-align: bottom;
 	padding-right: 1em;
 	padding-bottom: 2px;
-	white-space: nowrap;
+	white-space: nowrap
 }
 
 div#cgit table#header td.form form,
 div#cgit table#header td.form input,
 div#cgit table#header td.form select {
-	font-size: 90%;
-}
-
-div#cgit table#header td.sub {
-	color: #777;
-	border-top: solid 1px #ccc;
-	padding-left: 10px;
+	font-size: 90%
 }
 
 div#cgit table.tabs {
-	border-bottom: solid 3px #ccc;
-	border-collapse: collapse;
+	border-bottom: 3px solid;
 	margin-top: 2em;
-	margin-bottom: 0px;
-	width: 100%;
+	margin-bottom: 0;
+	width: 100%
 }
 
 div#cgit table.tabs td {
-	padding: 0px 1em;
-	vertical-align: bottom;
+	padding: 0 1em;
+	vertical-align: bottom
 }
 
 div#cgit table.tabs td a {
-	padding: 2px 0.75em;
-	color: #777;
-	font-size: 110%;
-}
-
-div#cgit table.tabs td a.active {
-	color: #000;
-	background-color: #ccc;
-}
-
-div#cgit table.tabs a[href^="http://"]:after, div#cgit table.tabs a[href^="https://"]:after {
-	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgAhcJDQY+gm2TAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAABbSURBVAhbY2BABs4MU4CwhYHBh2Erww4wrGFQZHjI8B8IgUIscJWyDHcggltQhI4zGDCcRwhChPggHIggP1QoAVmQkSETrGoHsiAEsACtBYN0oDAMbgU6EBcAAL2eHUt4XUU4AAAAAElFTkSuQmCC);
-	opacity: 0.5;
-	margin: 0 0 0 5px;
+	padding: 2px .75em;
+	font-size: 110%
 }
 
 div#cgit table.tabs td.form {
-	text-align: right;
+	text-align: right
 }
 
 div#cgit table.tabs td.form form {
 	padding-bottom: 2px;
 	font-size: 90%;
-	white-space: nowrap;
+	white-space: nowrap
 }
 
 div#cgit table.tabs td.form input,
 div#cgit table.tabs td.form select {
-	font-size: 90%;
+	font-size: 90%
 }
 
 div#cgit div.path {
-	margin: 0px;
-	padding: 5px 2em 2px 2em;
-	color: #000;
-	background-color: #eee;
+	margin: 0;
+	padding: 5px 2em 2px
 }
 
 div#cgit div.content {
-	margin: 0px;
+	margin: 0;
 	padding: 2em;
-	border-bottom: solid 3px #ccc;
+	border-bottom: 3px solid
 }
 
-
 div#cgit table.list {
 	width: 100%;
 	border: none;
-	border-collapse: collapse;
-}
-
-div#cgit table.list tr {
-	background: white;
-}
-
-div#cgit table.list tr.logheader {
-	background: #eee;
-}
-
-div#cgit table.list tr:nth-child(even) {
-	background: #f7f7f7;
-}
-
-div#cgit table.list tr:nth-child(odd) {
-	background: white;
-}
-
-div#cgit table.list tr:hover {
-	background: #eee;
-}
-
-div#cgit table.list tr.nohover {
-	background: white;
+	border-collapse: collapse
 }
 
+div#cgit table.list tr:nth-child(even),
+div#cgit table.list tr:nth-child(odd),
+div#cgit table.list tr,
+div#cgit table.list tr.nohover,
 div#cgit table.list tr.nohover:hover {
-	background: white;
-}
-
-div#cgit table.list tr.nohover-highlight:hover:nth-child(even) {
-	background: #f7f7f7;
-}
-
-div#cgit table.list tr.nohover-highlight:hover:nth-child(odd) {
-	background: white;
+	background: none
 }
 
 div#cgit table.list th {
 	font-weight: bold;
-	/* color: #888;
-	border-top: dashed 1px #888;
-	border-bottom: dashed 1px #888;
-	*/
-	padding: 0.1em 0.5em 0.05em 0.5em;
-	vertical-align: baseline;
+	padding: .1em .5em .05em;
+	vertical-align: baseline
 }
 
 div#cgit table.list td {
 	border: none;
-	padding: 0.1em 0.5em 0.1em 0.5em;
+	padding: .1em .5em
 }
 
 div#cgit table.list td.commitgraph {
-	font-family: "CgitFont", "Courier New", monospace;
-	white-space: pre;
-}
-div#cgit pre {
-	font-family: "CgitFont", "Courier New", monospace;
-}
-
-div#cgit table.list td.commitgraph .column1 {
-	color: #a00;
-}
-
-div#cgit table.list td.commitgraph .column2 {
-	color: #0a0;
-}
-
-div#cgit table.list td.commitgraph .column3 {
-	color: #aa0;
-}
-
-div#cgit table.list td.commitgraph .column4 {
-	color: #00a;
-}
-
-div#cgit table.list td.commitgraph .column5 {
-	color: #a0a;
-}
-
-div#cgit table.list td.commitgraph .column6 {
-	color: #0aa;
+	font-family: monospace;
+	white-space: pre
 }
 
 div#cgit table.list td.logsubject {
-	font-family: "CgitFont", "Courier New", monospace;
-	font-weight: bold;
+	font-family: monospace;
+	font-weight: bold
 }
 
 div#cgit table.list td.logmsg {
-	font-family: "CgitFont", "Courier New", monospace;
+	font-family: monospace;
 	white-space: pre;
-	padding: 0 0.5em;
+	padding: 0 .5em
 }
 
-div#cgit table.list td a {
-	color: black;
-}
-
-div#cgit table.list td a.ls-dir {
-	font-weight: bold;
-	color: #00f;
-}
-
-div#cgit table.list td a:hover {
-	color: #00f;
-}
+div#cgit table.list td a:hover {}
 
 div#cgit img {
-	border: none;
+	border: none
 }
 
 div#cgit input#switch-btn {
-	margin: 2px 0px 0px 0px;
+	margin: 2px 0 0
 }
 
 div#cgit td#sidebar input.txt {
 	width: 100%;
-	margin: 2px 0px 0px 0px;
+	margin: 2px 0 0
 }
 
 div#cgit table#grid {
-	margin: 0px;
+	margin: 0
 }
 
 div#cgit td#content {
 	vertical-align: top;
 	padding: 1em 2em 1em 1em;
-	border: none;
+	border: none
 }
 
 div#cgit div#summary {
-	vertical-align: top;
-	margin-bottom: 1em;
+	margin-bottom: 1em
 }
 
 div#cgit table#downloads {
 	float: right;
 	border-collapse: collapse;
-	border: solid 1px #777;
-	margin-left: 0.5em;
-	margin-bottom: 0.5em;
-}
-
-div#cgit table#downloads th {
-	background-color: #ccc;
+	border: 1px solid;
+	margin-left: .5em;
+	margin-bottom: .5em
 }
 
 div#cgit div#blob {
-	border: solid 1px black;
+	border: 1px solid
 }
 
 div#cgit div.error {
-	color: red;
 	font-weight: bold;
-	margin: 1em 2em;
+	margin: 1em 2em
 }
 
-div#cgit a.ls-blob, div#cgit a.ls-dir, div#cgit .ls-mod {
-	font-family: "CgitFont", "Courier New", monospace;
+div#cgit a.ls-blob,
+div#cgit a.ls-dir,
+div#cgit .ls-mod {
+	font-family: monospace
+}
+
+div#cgit td.ls-size,
+div#cgit td.ls-mode {
+	font-family: monospace
 }
 
 div#cgit td.ls-size {
 	text-align: right;
-	font-family: "CgitFont", "Courier New", monospace;
-	width: 10em;
+	width: 10em
 }
 
 div#cgit td.ls-mode {
-	font-family: "CgitFont", "Courier New", monospace;
-	width: 10em;
+	width: 10em
 }
 
 div#cgit table.blob {
-	margin-top: 0.5em;
-	border-top: solid 1px black;
+	margin-top: .5em;
+	border-top: 1px solid
 }
 
 div#cgit table.blob td.hashes,
 div#cgit table.blob td.lines {
-	margin: 0; padding: 0 0 0 0.5em;
-	vertical-align: top;
-	color: black;
+	margin: 0;
+	padding: 0 0 0 .5em;
+	vertical-align: top
 }
 
 div#cgit table.blob td.linenumbers {
-	margin: 0; padding: 0 0.5em 0 0.5em;
-	vertical-align: top;
+	margin: 0;
+	padding: 0 .5em;
 	text-align: right;
-	border-right: 1px solid gray;
+	border-right: 1px solid
 }
 
 div#cgit table.blob pre {
-	padding: 0; margin: 0;
-}
-
-div#cgit table.blob td.linenumbers a,
-div#cgit table.ssdiff td.lineno a {
-	color: gray;
-	text-align: right;
-	text-decoration: none;
-}
-
-div#cgit table.blob td.linenumbers a:hover,
-div#cgit table.ssdiff td.lineno a:hover {
-	color: black;
-}
-
-div#cgit table.blob td.linenumbers a:target:before {
-	color: red;
-	content: "\2BA9";
+	padding: 0;
+	margin: 0
 }
 
 div#cgit table.blame td.hashes,
 div#cgit table.blame td.lines,
 div#cgit table.blame td.linenumbers {
-	padding: 0;
+	padding: 0
 }
 
 div#cgit table.blame td.hashes div.alt,
 div#cgit table.blame td.lines div.alt {
-	padding: 0 0.5em 0 0.5em;
+	padding: 0 .5em
 }
 
 div#cgit table.blame td.linenumbers div.alt {
-	padding: 0 0.5em 0 0;
-}
-
-div#cgit table.blame div.alt:nth-child(even) {
-	background: #eee;
-}
-
-div#cgit table.blame div.alt:nth-child(odd) {
-	background: white;
+	padding: 0 .5em 0 0
 }
 
-div#cgit table.blame td.lines > div {
-	position: relative;
+div#cgit table.blame td.lines>div {
+	position: relative
 }
 
-div#cgit table.blame td.lines > div > pre {
-	padding: 0 0 0 0.5em;
+div#cgit table.blame td.lines>div>pre {
+	padding: 0 0 0 .5em;
 	position: absolute;
-	top: 0;
-}
-
-div#cgit table.blame .oid {
-	font-size: 100%;
+	top: 0
 }
 
 div#cgit table.bin-blob {
-	margin-top: 0.5em;
-	border: solid 1px black;
+	margin-top: .5em;
+	border: 1px solid
 }
 
 div#cgit table.bin-blob th {
-	font-family: "CgitFont", "Courier New", monospace;
+	font-family: monospace;
 	white-space: pre;
-	border: solid 1px #777;
-	padding: 0.5em 1em;
+	border: 1px solid;
+	padding: .5em 1em
 }
 
 div#cgit table.bin-blob td {
-	font-family: "CgitFont", "Courier New", monospace;
+	font-family: monospace;
 	white-space: pre;
-	border-left: solid 1px #777;
-	padding: 0em 1em;
+	border-left: 1px solid;
+	padding: 0 1em
 }
 
 div#cgit table.nowrap td {
-	white-space: nowrap;
+	white-space: nowrap
 }
 
 div#cgit table.commit-info {
 	border-collapse: collapse;
-	margin-top: 1.5em;
+	margin-top: 1.5em
 }
 
 div#cgit div.cgit-panel {
 	float: right;
-	margin-top: 1.5em;
+	margin-top: 1.5em
 }
 
 div#cgit div.cgit-panel table {
 	border-collapse: collapse;
-	border: solid 1px #aaa;
-	background-color: #eee;
-}
-
-div#cgit div.cgit-panel th {
-	text-align: center;
+	border: 1px solid
 }
 
 div#cgit div.cgit-panel td {
-	padding: 0.25em 0.5em;
+	padding: .25em .5em
 }
 
 div#cgit div.cgit-panel td.label {
-	padding-right: 0.5em;
+	padding-right: .5em
 }
 
 div#cgit div.cgit-panel td.ctrl {
-	padding-left: 0.5em;
-}
-
-div#cgit table.commit-info th {
-	text-align: left;
-	font-weight: normal;
-	padding: 0.1em 1em 0.1em 0.1em;
-	vertical-align: top;
+	padding-left: .5em
 }
 
+div#cgit table.commit-info th,
 div#cgit table.commit-info td {
-	font-weight: normal;
-	padding: 0.1em 1em 0.1em 0.1em;
+	padding: .1em 1em .1em .1em;
+	font-weight: normal
 }
 
 div#cgit div.commit-subject {
 	font-weight: bold;
 	font-size: 125%;
-	margin: 1.5em 0em 0.5em 0em;
-	padding: 0em;
+	margin: 1.5em 0 .5em
 }
 
 div#cgit div.commit-msg {
 	white-space: pre;
-	font-family: "CgitFont", "Courier New", monospace;
+	font-family: monospace
 }
 
 div#cgit div.notes-header {
 	font-weight: bold;
-	padding-top: 1.5em;
+	padding-top: 1.5em
 }
 
 div#cgit div.notes {
 	white-space: pre;
-	font-family: "CgitFont", "Courier New", monospace;
-	border: solid 1px #ee9;
-	background-color: #ffd;
-	padding: 0.3em 2em 0.3em 1em;
-	float: left;
+	font-family: monospace;
+	border: 1px solid;
+	padding: .3em 2em .3em 1em;
+	float: left
 }
 
 div#cgit div.notes-footer {
-	clear: left;
+	clear: left
 }
 
 div#cgit div.diffstat-header {
 	font-weight: bold;
-	padding-top: 1.5em;
+	padding-top: 1.5em
 }
 
 div#cgit table.diffstat {
 	border-collapse: collapse;
-	border: solid 1px #aaa;
-	background-color: #eee;
+	border: 1px solid
 }
 
 div#cgit table.diffstat th {
 	font-weight: normal;
 	text-align: left;
 	text-decoration: underline;
-	padding: 0.1em 1em 0.1em 0.1em;
-	font-size: 100%;
+	padding: .1em 1em .1em .1em
 }
 
 div#cgit table.diffstat td {
-	padding: 0.2em 0.2em 0.1em 0.1em;
-	font-size: 100%;
-	border: none;
+	padding: .2em .2em .1em .1em
 }
 
 div#cgit table.diffstat td.mode {
-	white-space: nowrap;
-}
-
-div#cgit table.diffstat td span.modechange {
-	padding-left: 1em;
-	color: red;
-}
-
-div#cgit table.diffstat td.add a {
-	color: green;
-}
-
-div#cgit table.diffstat td.del a {
-	color: red;
-}
-
-div#cgit table.diffstat td.upd a {
-	color: blue;
+	white-space: nowrap
 }
 
 div#cgit table.diffstat td.graph {
 	width: 500px;
-	vertical-align: middle;
+	vertical-align: middle
 }
 
 div#cgit table.diffstat td.graph table {
-	border: none;
+	border: none
 }
 
 div#cgit table.diffstat td.graph td {
-	padding: 0px;
-	border: 0px;
-	height: 7pt;
-}
-
-div#cgit table.diffstat td.graph td.add {
-	background-color: #5c5;
-}
-
-div#cgit table.diffstat td.graph td.rem {
-	background-color: #c55;
+	padding: 0;
+	border: 0;
+	height: 7pt
 }
 
 div#cgit div.diffstat-summary {
-	color: #888;
-	padding-top: 0.5em;
+	padding-top: .5em
 }
 
 div#cgit table.diff {
-	width: 100%;
+	width: 100%
 }
 
 div#cgit table.diff td {
-	font-family: "CgitFont", "Courier New", monospace;
-	white-space: pre;
+	font-family: monospace;
+	white-space: pre
 }
 
 div#cgit table.diff td div.head {
 	font-weight: bold;
-	margin-top: 1em;
-	color: black;
+	margin-top: 1em
 }
 
-div#cgit table.diff td div.hunk {
-	color: #009;
-}
+div#cgit table.diff td div.hunk {}
 
-div#cgit table.diff td div.add {
-	color: green;
-}
+div#cgit table.diff td div.add {}
 
-div#cgit table.diff td div.del {
-	color: red;
-}
+div#cgit table.diff td div.del {}
 
 div#cgit .oid {
-	font-family: "CgitFont", "Courier New", monospace;
-	font-size: 90%;
+	font-family: monospace;
+	font-size: 90%
 }
 
 div#cgit .left {
-	text-align: left;
+	text-align: left
 }
 
 div#cgit .right {
-	text-align: right;
-}
-
-div#cgit table.list td.reposection {
-	font-style: italic;
-	color: #888;
-}
-
-div#cgit a.button {
-	font-size: 80%;
-	padding: 0em 0.5em;
-}
-
-div#cgit a.primary {
-	font-size: 100%;
-}
-
-div#cgit a.secondary {
-	font-size: 90%;
-}
-
-div#cgit td.toplevel-repo {
-
+	text-align: right
 }
 
 div#cgit table.list td.sublevel-repo {
-	padding-left: 1.5em;
+	padding-left: 1.5em
 }
 
 div#cgit ul.pager {
 	list-style-type: none;
 	text-align: center;
-	margin: 1em 0em 0em 0em;
-	padding: 0;
+	margin: 1em 0 0;
+	padding: 0
 }
 
 div#cgit ul.pager li {
 	display: inline-block;
-	margin: 0.25em 0.5em;
-}
-
-div#cgit ul.pager a {
-	color: #777;
+	margin: .25em .5em
 }
 
 div#cgit ul.pager .current {
-	font-weight: bold;
-}
-
-div#cgit span.age-mins {
-	font-weight: bold;
-	color: #080;
-}
-
-div#cgit span.age-hours {
-	color: #080;
-}
-
-div#cgit span.age-days {
-	color: #040;
-}
-
-div#cgit span.age-weeks {
-	color: #444;
-}
-
-div#cgit span.age-months {
-	color: #888;
-}
-
-div#cgit span.age-years {
-	color: #bbb;
-}
-
-div#cgit span.insertions {
-	color: #080;
+	font-weight: bold
 }
 
-div#cgit span.deletions {
-	color: #800;
-}
+div#cgit span.age-mins,
+div#cgit span.age-hours,
+div#cgit span.age-days,
+div#cgit span.age-weeks,
+div#cgit span.age-months,
+div#cgit span.age-years,
+div#cgit span.insertions,
+div#cgit span.deletions {}
 
 div#cgit div.footer {
-	margin-top: 0.5em;
+	margin-top: .5em;
 	text-align: center;
-	font-size: 80%;
-	color: #ccc;
+	font-size: 80%
 }
 
 div#cgit div.footer a {
-	color: #ccc;
-	text-decoration: none;
+	text-decoration: none
 }
 
 div#cgit div.footer a:hover {
-	text-decoration: underline;
-}
-
-div#cgit a.branch-deco {
-	color: #000;
-	margin: 0px 0.5em;
-	padding: 0px 0.25em;
-	background-color: #88ff88;
-	border: solid 1px #007700;
-	border-radius: 2px;
-}
-
-div#cgit a.tag-deco {
-	color: #000;
-	margin: 0px 0.5em;
-	padding: 0px 0.25em;
-	background-color: #ffff88;
-	border: solid 1px #777700;
-	border-radius: 2px;
-}
-
-div#cgit a.tag-annotated-deco {
-	color: #000;
-	margin: 0px 0.5em;
-	padding: 0px 0.25em;
-	background-color: #ffcc88;
-	border: solid 1px #777700;
-	border-radius: 2px;
-}
-
-div#cgit a.remote-deco {
-	color: #000;
-	margin: 0px 0.5em;
-	padding: 0px 0.25em;
-	background-color: #ccccff;
-	border: solid 1px #000077;
-	border-radius: 2px;
+	text-decoration: underline
 }
 
+div#cgit a.branch-deco,
+div#cgit a.tag-deco,
+div#cgit a.tag-annotated-deco,
+div#cgit a.remote-deco,
 div#cgit a.deco {
-	color: #000;
-	margin: 0px 0.5em;
-	padding: 0px 0.25em;
-	background-color: #ff8888;
-	border: solid 1px #770000;
-	border-radius: 2px;
+	margin: 0 .5em;
+	padding: 0 .25em;
+	border: 1px solid;
+	border-radius: 2px
 }
 
 div#cgit div.commit-subject a.branch-deco,
@@ -741,322 +660,95 @@ div#cgit div.commit-subject a.tag-annotated-deco,
 div#cgit div.commit-subject a.remote-deco,
 div#cgit div.commit-subject a.deco {
 	margin-left: 1em;
-	font-size: 75%;
+	font-size: 75%
 }
 
 div#cgit table.stats {
-	border: solid 1px black;
-	border-collapse: collapse;
-}
-
-div#cgit table.stats th {
-	text-align: left;
-	padding: 1px 0.5em;
-	background-color: #eee;
-	border: solid 1px black;
+	border: 1px solid;
+	border-collapse: collapse
 }
 
+div#cgit table.stats th,
 div#cgit table.stats td {
-	text-align: right;
-	padding: 1px 0.5em;
-	border: solid 1px black;
+	border: 1px solid;
+	padding: 1px .5em;
+	text-align: left
 }
 
 div#cgit table.stats td.total {
-	font-weight: bold;
-	text-align: left;
+	font-weight: bold
 }
 
 div#cgit table.stats td.sum {
-	color: #c00;
-	font-weight: bold;
-/*	background-color: #eee; */
-}
-
-div#cgit table.stats td.left {
-	text-align: left;
+	font-weight: bold
 }
 
 div#cgit table.vgraph {
 	border-collapse: separate;
-	border: solid 1px black;
-	height: 200px;
+	border: 1px solid;
+	height: 200px
 }
 
 div#cgit table.vgraph th {
-	background-color: #eee;
-	font-weight: bold;
-	border: solid 1px white;
-	padding: 1px 0.5em;
+	border: 1px solid;
+	padding: 1px .5em
 }
 
 div#cgit table.vgraph td {
 	vertical-align: bottom;
-	padding: 0px 10px;
-}
-
-div#cgit table.vgraph div.bar {
-	background-color: #eee;
+	padding: 0 10px
 }
 
 div#cgit table.hgraph {
-	border: solid 1px black;
-	width: 800px;
+	border: 1px solid;
+	width: 800px
 }
 
 div#cgit table.hgraph th {
-	background-color: #eee;
-	font-weight: bold;
-	border: solid 1px black;
-	padding: 1px 0.5em;
+	border: 1px solid;
+	padding: 1px .5em
 }
 
 div#cgit table.hgraph td {
 	vertical-align: middle;
-	padding: 2px 2px;
-}
-
-div#cgit table.hgraph div.bar {
-	background-color: #eee;
-	height: 1em;
+	padding: 2px
 }
 
 div#cgit table.ssdiff {
-	width: 100%;
+	width: 100%
 }
 
 div#cgit table.ssdiff td {
 	font-size: 75%;
-	font-family: "CgitFont", "Courier New", monospace;
+	font-family: monospace;
 	white-space: pre;
-	padding: 1px 4px 1px 4px;
-	border-left: solid 1px #aaa;
-	border-right: solid 1px #aaa;
-}
-
-div#cgit table.ssdiff td.add {
-	color: black;
-	background: #cfc;
-	min-width: 50%;
-}
-
-div#cgit table.ssdiff td.add_dark {
-	color: black;
-	background: #aca;
-	min-width: 50%;
+	padding: 1px 4px;
+	border-left: 1px solid;
+	border-right: 1px solid
 }
 
-div#cgit table.ssdiff span.add {
-	background: #cfc;
-	font-weight: bold;
-}
-
-div#cgit table.ssdiff td.del {
-	color: black;
-	background: #fcc;
-	min-width: 50%;
-}
-
-div#cgit table.ssdiff td.del_dark {
-	color: black;
-	background: #caa;
-	min-width: 50%;
-}
-
-div#cgit table.ssdiff span.del {
-	background: #fcc;
-	font-weight: bold;
-}
-
-div#cgit table.ssdiff td.changed {
-	color: black;
-	background: #ffc;
-	min-width: 50%;
-}
-
-div#cgit table.ssdiff td.changed_dark {
-	color: black;
-	background: #cca;
-	min-width: 50%;
-}
+div#cgit table.ssdiff td.add,
+div#cgit table.ssdiff td.add_dark,
+div#cgit table.ssdiff td.del,
+div#cgit table.ssdiff td.del_dark,
+div#cgit table.ssdiff td.changed,
+div#cgit table.ssdiff td.changed_dark,
+div#cgit table.ssdiff td.lineno,
+div#cgit table.ssdiff td.hunk,
+div#cgit table.ssdiff td.head,
+div#cgit table.ssdiff td.foot,
+div#cgit table.ssdiff td.space {}
 
 div#cgit table.ssdiff td.lineno {
-	color: black;
-	background: #eee;
 	text-align: right;
 	width: 3em;
-	min-width: 3em;
-}
-
-div#cgit table.ssdiff td.hunk {
-	color: black;
-	background: #ccf;
-	border-top: solid 1px #aaa;
-	border-bottom: solid 1px #aaa;
-}
-
-div#cgit table.ssdiff td.head {
-	border-top: solid 1px #aaa;
-	border-bottom: solid 1px #aaa;
-}
-
-div#cgit table.ssdiff td.head div.head {
-	font-weight: bold;
-	color: black;
-}
-
-div#cgit table.ssdiff td.foot {
-	border-top: solid 1px #aaa;
-	border-left: none;
-	border-right: none;
-	border-bottom: none;
-}
-
-div#cgit table.ssdiff td.space {
-	border: none;
+	min-width: 3em
 }
 
 div#cgit table.ssdiff td.space div {
-	min-height: 3em;
-}
-div#cgit span.libravatar img.onhover {
-        display: none;
-        border: 1px solid gray;
-        padding: 0px;
-        -webkit-border-radius: 4px;
-        -moz-border-radius: 4px;
-        border-radius: 4px;
-        width: 128px;
-        height: 128px;
-}
-
-div#cgit span.libravatar img.inline {
-        -webkit-border-radius: 3px;
-        -moz-border-radius: 3px;
-        border-radius: 3px;
-        width: 13px;
-        height: 13px;
-        margin-right: 0.2em;
-        opacity: 0.6;
-}
-
-div#cgit span.libravatar:hover > img.onhover {
-        display: block;
-        position: absolute;
-        margin-left: 1.5em;
-        background-color: #eeeeee;
-        box-shadow: 2px 2px 7px rgba(100,100,100,0.75);
+	min-height: 3em
 }
 
-/*
-   Color overrides for browsers running in dark mode.
-   "only all and ..." forces very old browsers to ignore the media query:
-   https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries#improving_compatibility_with_older_browsers
-*/
-:root { color-scheme: light dark; }
-@media only all and (prefers-color-scheme: dark) {
-	html, div#cgit { color: #eee; background: #171717; }
-	div#cgit a { color: #3af; }
-	div#cgit .diffstat-header a { color: #28d; }
-	div#cgit table#header td.main a { color: #eee; }
-	div#cgit table#header td.sub { color: #999; }
-	div#cgit table.tabs { border-bottom-color: #444; }
-	div#cgit table.tabs td a { color: #888; }
-	div#cgit table.tabs td a.active { color: #fff; background-color: #444; }
-	div#cgit div.path { color: #eee; background-color: #333; }
-	div#cgit div.content { border-bottom-color: #bbb; }
-	div#cgit table.list tr { background: #171717; }
-	div#cgit table.list tr.logheader { background: #171717; }
-	div#cgit table.list tr:nth-child(even) { background: #171717; }
-	div#cgit table.list tr:nth-child(odd) { background: #1f1f1f; }
-	div#cgit table.list tr:hover { background: #333; }
-	div#cgit table.list tr.nohover { background: #171717; }
-	div#cgit table.list tr.nohover:hover { background: #171717; }
-	div#cgit table.list tr.nohover-highlight:hover:nth-child(even) { background: #171717; }
-	div#cgit table.list tr.nohover-highlight:hover:nth-child(odd) { background: #1f1f1f; }
-	div#cgit table.list td.commitgraph .column1 { color: #f55; }
-	div#cgit table.list td.commitgraph .column2 { color: #5f5; }
-	div#cgit table.list td.commitgraph .column3 { color: #ff5; }
-	div#cgit table.list td.commitgraph .column4 { color: #55f; }
-	div#cgit table.list td.commitgraph .column5 { color: #f5f; }
-	div#cgit table.list td.commitgraph .column6 { color: #5ff; }
-	div#cgit table.list td a { color: #eee; }
-	div#cgit table.list td a.ls-dir { color: #28d; }
-	div#cgit table.list td a:hover { color: #3af; }
-	div#cgit table#downloads { border-color: #888; }
-	div#cgit table#downloads th { background-color: #333; }
-	div#cgit div#blob { border-color: #eee; }
-	div#cgit table.blob { border-top-color: #eee; }
-	div#cgit table.blob td.hashes,
-	div#cgit table.blob td.lines { color: #eee; }
-	div#cgit table.blob td.linenumbers { border-right-color: gray; }
-	div#cgit table.blob td.linenumbers a,
-	div#cgit table.ssdiff td.lineno a { color: gray; }
-	div#cgit table.blob td.linenumbers a:hover,
-	div#cgit table.ssdiff td.lineno a:hover { color: #eee; }
-	div#cgit table.blame div.alt:nth-child(even) { background: #171717; }
-	div#cgit table.blame div.alt:nth-child(odd) { background: #1f1f1f; }
-	div#cgit table.bin-blob { border-color: #eee; }
-	div#cgit table.bin-blob th { border-color: #888; }
-	div#cgit table.bin-blob td { border-left-color: #888; }
-	div#cgit div.cgit-panel table { border-color: #555; background-color: #282828; }
-	div#cgit div.notes { border-color: #661; background-color: #220; }
-	div#cgit table.diffstat { border-color: #555; background-color: #282828; }
-	div#cgit table.diffstat td span.modechange { color: #c66; }
-	div#cgit table.diffstat td.add a { color: #6c6; }
-	div#cgit table.diffstat td.del a { color: #c66; }
-	div#cgit table.diffstat td.upd a { color: #3af; }
-	div#cgit table.diffstat td.graph td.add { background-color: #3a3; }
-	div#cgit table.diffstat td.graph td.rem { background-color: #a33; }
-	div#cgit div.diffstat-summary { color: #777; }
-	div#cgit table.diff td div.head { color: #eee; }
-	div#cgit table.diff td div.hunk { color: #28d; }
-	div#cgit table.diff td div.add { color: #6c6; }
-	div#cgit table.diff td div.del { color: #c66; }
-	div#cgit table.list td.reposection { color: #777; }
-	div#cgit ul.pager a { color: #888; }
-	div#cgit span.age-mins { color: #7f7; }
-	div#cgit span.age-hours { color: #7f7; }
-	div#cgit span.age-days { color: #9d9; }
-	div#cgit span.age-weeks { color: #bbb; }
-	div#cgit span.age-months { color: #888; }
-	div#cgit span.age-years { color: #666; }
-	div#cgit span.insertions { color: #7f7; }
-	div#cgit span.deletions { color: #e33; }
-	div#cgit div.footer { color: #555; }
-	div#cgit div.footer a { color: #555; }
-	div#cgit a.branch-deco { color: #fff; background-color: #361; border-color: #3b2; }
-	div#cgit a.tag-deco { color: #fff; background-color: #650; border-color: #ba3; }
-	div#cgit a.tag-annotated-deco { color: #fff; background-color: #840; border-color: #b96; }
-	div#cgit a.remote-deco { color: #fff; background-color: #348; border-color: #67c; }
-	div#cgit a.deco { color: #fff; background-color: #922; border-color: #d55; }
-	div#cgit a.branch-deco:hover, div#cgit table.list td a.branch-deco:hover,
-	div#cgit a.tag-deco:hover, div#cgit table.list td a.tag-deco:hover,
-	div#cgit a.tag-annotated-deco:hover, div#cgit table.list td a.tag-annotated-deco:hover,
-	div#cgit a.remote-deco:hover, div#cgit table.list td a.remote-deco:hover,
-	div#cgit a.deco:hover, div#cgit table.list td a.deco:hover { color: #fff; }
-	div#cgit table.stats { border-color: #555; }
-	div#cgit table.stats th { background-color: #333; border-color: #555; }
-	div#cgit table.stats td { border-color: #555; }
-	div#cgit table.stats td.sum { color: #5C7E9B; }
-	div#cgit table.vgraph { border-color: #eee; }
-	div#cgit table.vgraph th { background-color: #1f1f1f; border-color: black; }
-	div#cgit table.vgraph div.bar { background-color: #1f1f1f; }
-	div#cgit table.hgraph { border-color: #eee; }
-	div#cgit table.hgraph th { background-color: #1f1f1f; border-color: #eee; }
-	div#cgit table.hgraph div.bar { background-color: #1f1f1f; }
-	div#cgit table.ssdiff td { border-left-color: #555; border-right-color: #555; }
-	div#cgit table.ssdiff td.add { color: #eee; background: #353; }
-	div#cgit table.ssdiff td.add_dark { color: #eee; background: #030; }
-	div#cgit table.ssdiff span.add { background: #030; }
-	div#cgit table.ssdiff td.del { color: #eee; background: #533; }
-	div#cgit table.ssdiff td.del_dark { color: #eee; background: #411; }
-	div#cgit table.ssdiff span.del { background: #300; }
-	div#cgit table.ssdiff td.changed { color: #eee; background: #553; }
-	div#cgit table.ssdiff td.changed_dark { color: #eee; background: #330; }
-	div#cgit table.ssdiff td.lineno { color: #eee; background: #1f1f1f; }
-	div#cgit table.ssdiff td.hunk { color: #eee; background: #0D3D64; border-top-color: #555; border-bottom-color: #555; }
-	div#cgit table.ssdiff td.head { border-top-color: #555; border-bottom-color: #555; }
-	div#cgit table.ssdiff td.head div.head { color: #eee; }
-	div#cgit table.ssdiff td.foot { border-top-color: #555; }
+div#cgit .right {
+	text-align: right
 }