borrow css from symlinx because its betterHEADmain

6 files changed, 2065 insertions, 1094 deletions

diff --git a/cgit.c b/cgit.c
index a9ce663..b2cdd4a 100644
--- a/cgit.c
+++ b/cgit.c
@@ -501,7 +501,7 @@ static char *guess_defbranch(void)
 
 	ref = refs_resolve_ref_unsafe(get_main_ref_store(the_repository),
 				     "HEAD", 0, &oid, NULL);
-	if (!ref || !skip_prefix(ref, "ref: refs/heads/", &refname))
+	if (!ref || !skip_prefix(ref, "refs/heads/", &refname))
 		return "main";
 	return xstrdup(refname);
 }
diff --git a/cgit.css b/cgit.css
index 52f60fa..a120dd4 100644
--- a/cgit.css
+++ b/cgit.css
@@ -1,229 +1,92 @@
-@font-face {
-    font-family: "Kode Mono";
-    src: url("./font.ttf") format("truetype");
-}
-
-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);
-  }
+/* CSS taken from https://git.symlinx.net/ with color changes */
 
-  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;
-}
+* {
+  --cl-black:       hsl(210, 10%, 9%);   /* #151617 */
+  --cl-gray-0:      hsl(210, 12%, 12%);
+  --cl-gray-1:      hsl(210, 14%, 15%);  /* ~#1d2123 */
+  --cl-gray-2:      hsl(214, 15%, 21%);  /* ~#2a3039 */
+  --cl-gray-3:      hsl(214, 13%, 29%);
+  --cl-gray-4:      hsl(214, 11%, 39%);
+  --cl-gray-5:      hsl(214, 10%, 49%);
+  --cl-gray-6:      hsl(210, 14%, 59%);
+  --cl-gray-7:      hsl(205, 18%, 69%);
+  --cl-gray-8:      hsl(202, 24%, 77%);
+  --cl-gray-9:      hsl(200, 35%, 86%);
+  --cl-gray-10:     hsl(198, 42%, 91%);
+  --cl-white:       hsl(197, 48%, 88%);  /* ~#d2e7ef */
 
-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;
-}
+  --cl-red-6:       hsl(6, 75%, 63%);
+  --cl-red-7:       hsl(6, 70%, 74%);
 
-header .logo::before,
-header .logo::after {
-    content: none;
-}
-header .logo svg {
-    height: 2rem;
-    width: auto;
-}
+  --cl-orange-6:    hsl(28, 82%, 63%);
+  --cl-range-7:    hsl(28, 80%, 74%);
 
-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;}
-*/
+  --cl-yellow:      hsl(45, 85%, 68%);
 
-main {
-    max-width: 70ch;
-    margin-inline: auto;
-}
+  --cl-green-6:     hsl(145, 40%, 60%);
+  --cl-green-7:     hsl(145, 40%, 72%);
 
-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;
-}
+  --cl-cyan-6:      hsl(185, 45%, 60%);
+  --cl-cyan-7:      hsl(185, 40%, 72%);
 
-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;
-}
+  --cl-blue-6:      hsl(200, 65%, 43%);  /* ~#278db6 */
+  --cl-blue-8:      hsl(200, 60%, 75%);
 
-.my-age {
-    cursor:help;
+  --cl-magenta-7:   hsl(310, 45%, 70%);
+  --cl-magenta-8:   hsl(310, 42%, 80%);
 }
-
-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);
+body {
+	color: var(--cl-white);
+	background: var(--cl-gray-0);
 }
 
-input:hover,
-button:hover,
-select:hover,
-input:focus,
-button:focus,
-select:focus,
-textarea:focus
-textarea:hover {
-	color: var(--base);
-	background: var(--text);
+.markdown-body code, .highlight, {
+	color: var(--cl-white) !important;
+	background-color: var(--cl-black) !important;
+	border: 1px solid var(--cl-gray-3) !important;
+	border-radius: 0px;
 }
 
 div#cgit {
+	padding: 0em;
+	margin: 0em;
+	font-family: "Roboto Mono", monospace;
+	font-size: 10pt;
 	padding: 4px;
-	margin: 0;
-	font-family: sans-serif;
-	font-size: 10pt
 }
 
 div#cgit a {
-	text-decoration: none
+	color: var(--cl-blue-6);
+	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
+	white-space: nowrap;
+}
+
+div#cgit table#header td.main a {
+	color: var(--cl-white);
 }
 
 div#cgit table#header td.form {
@@ -231,427 +94,671 @@ 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%
+	font-size: 90%;
+}
+
+div#cgit table#header td.sub {
+	color: var(--cl-gray-7);
+	border-top: solid 2px var(--cl-gray-3);
+	padding-left: 10px;
 }
 
 div#cgit table.tabs {
-	border-bottom: 3px solid;
+	border-bottom: solid 0px var(--cl-gray-3);
+	background-color: var(--cl-gray-1);
+	border-collapse: collapse;
 	margin-top: 2em;
-	margin-bottom: 0;
-	width: 100%
+	margin-bottom: 0px;
+	width: 100%;
 }
 
 div#cgit table.tabs td {
-	padding: 0 1em;
-	vertical-align: bottom
+	padding: 0.5em;
+	vertical-align: center;
 }
 
 div#cgit table.tabs td a {
-	padding: 2px .75em;
-	font-size: 110%
+	padding: 6px 0.75em;
+	margin: 0.25em;
+	color: var(--cl-gray-5);
+	font-size: 110%;
+}
+
+div#cgit table.tabs td a.active {
+	color: var(--cl-black);
+	background-color: var(--cl-blue-6);
+}
+
+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;
 }
 
 div#cgit table.tabs td.form {
-	text-align: right
+	text-align: right;
 }
 
 div#cgit table.tabs td.form form {
-	padding-bottom: 2px;
+	padding: 4px;
 	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%;
+  background-color: var(--cl-gray-2);
+  color: var(--cl-white);
 }
 
 div#cgit div.path {
-	margin: 0;
-	padding: 5px 2em 2px
+	margin: 0px;
+	padding: 5px 2em 2px 2em;
+	color: var(--cl-white);
+	background-color: var(--cl-gray-1);
 }
 
 div#cgit div.content {
-	margin: 0;
+	margin: 0px;
 	padding: 2em;
-	border-bottom: 3px solid
+	border-bottom: solid 3px var(--cl-gray-3);
 }
 
+
 div#cgit table.list {
 	width: 100%;
 	border: none;
-	border-collapse: collapse
+	border-collapse: collapse;
+}
+
+div#cgit table.list tr {
+	background: var(--cl-gray-0);
+}
+
+div#cgit table.list tr.logheader {
+	background: var(--cl-gray-1);
+}
+
+div#cgit table.list tr:nth-child(even) {
+	background: var(--cl-gray-2);
+}
+
+div#cgit table.list tr:nth-child(odd) {
+	background: var(--cl-gray-1);
+}
+
+div#cgit table.list tr:hover {
+	background: var(--cl-gray-1);
+}
+
+div#cgit table.list tr.nohover {
+	background: var(--cl-gray-0);
 }
 
-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: none
+	background: var(--cl-gray-0);
+}
+
+div#cgit table.list tr.nohover-highlight:hover:nth-child(even) {
+	background: var(--cl-gray-1);
+}
+
+div#cgit table.list tr.nohover-highlight:hover:nth-child(odd) {
+	background: var(--cl-gray-0);
 }
 
 div#cgit table.list th {
 	font-weight: bold;
-	padding: .1em .5em .05em;
-	vertical-align: baseline
+	/* color: var(--cl-gray-6);
+	border-top: dashed 2px var(--cl-gray-6);
+	border-bottom: dashed 2px var(--cl-gray-6);
+	*/
+	padding: 0.1em 0.5em 0.05em 0.5em;
+	vertical-align: baseline;
 }
 
 div#cgit table.list td {
 	border: none;
-	padding: .1em .5em
+	padding: 1.1em 0.5em 1.1em 2em;
 }
 
 div#cgit table.list td.commitgraph {
-	font-family: monospace;
-	white-space: pre
+	font-family: "Roboto Mono", monospace;
+	white-space: pre;
+}
+
+div#cgit table.list td.commitgraph .column1 {
+	color: var(--cl-red-6);
+}
+
+div#cgit table.list td.commitgraph .column2 {
+	color: var(--cl-green-6);
+}
+
+div#cgit table.list td.commitgraph .column3 {
+	color: var(--cl-orange-6);
+}
+
+div#cgit table.list td.commitgraph .column4 {
+	color: var(--cl-blue-6);
+}
+
+div#cgit table.list td.commitgraph .column5 {
+	color: var(--cl-magenta-7);
+}
+
+div#cgit table.list td.commitgraph .column6 {
+	color: var(--cl-cyan-6);
 }
 
 div#cgit table.list td.logsubject {
-	font-family: monospace;
-	font-weight: bold
+	font-family: "Roboto Mono", monospace;
+	font-weight: bold;
 }
 
 div#cgit table.list td.logmsg {
-	font-family: monospace;
+	font-family: "Roboto Mono", monospace;
 	white-space: pre;
-	padding: 0 .5em
+	padding: 0 0.5em;
+}
+
+div#cgit table.list td a {
+	color: var(--cl-white);
+}
+
+div#cgit table.list td a.ls-dir {
+	font-weight: bold;
+	color: var(--cl-blue-6);
 }
 
-div#cgit table.list td a:hover {}
+div#cgit table.list td a:hover {
+	color: var(--cl-blue-6);
+}
 
 div#cgit img {
-	border: none
+	border: none;
 }
 
 div#cgit input#switch-btn {
-	margin: 2px 0 0
+	margin: 2px 0px 0px 0px;
 }
 
 div#cgit td#sidebar input.txt {
 	width: 100%;
-	margin: 2px 0 0
+	margin: 2px 0px 0px 0px;
 }
 
 div#cgit table#grid {
-	margin: 0
+	margin: 0px;
 }
 
 div#cgit td#content {
 	vertical-align: top;
 	padding: 1em 2em 1em 1em;
-	border: none
+	border: none;
 }
 
 div#cgit div#summary {
-	margin-bottom: 1em
+	vertical-align: top;
+	margin-bottom: 1em;
 }
 
 div#cgit table#downloads {
 	float: right;
 	border-collapse: collapse;
-	border: 1px solid;
-	margin-left: .5em;
-	margin-bottom: .5em
+	border: solid 2px var(--cl-gray-5);
+	margin-left: 0.5em;
+	margin-bottom: 0.5em;
+}
+
+div#cgit table#downloads th {
+	background-color: var(--cl-gray-9);
 }
 
 div#cgit div#blob {
-	border: 1px solid
+	border: solid 2px var(--cl-white);
 }
 
 div#cgit div.error {
+	color: var(--cl-red-6);
 	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: monospace
-}
-
-div#cgit td.ls-size,
-div#cgit td.ls-mode {
-	font-family: monospace
+div#cgit a.ls-blob, div#cgit a.ls-dir, div#cgit .ls-mod {
+	font-family: "Roboto Mono", monospace;
 }
 
 div#cgit td.ls-size {
 	text-align: right;
-	width: 10em
+	font-family: "Roboto Mono", monospace;
+	width: 10em;
 }
 
 div#cgit td.ls-mode {
-	width: 10em
+	font-family: "Roboto Mono", monospace;
+	width: 10em;
 }
 
 div#cgit table.blob {
-	margin-top: .5em;
-	border-top: 1px solid
+	margin-top: 0.5em;
+	border-top: solid 2px var(--cl-white);
 }
 
 div#cgit table.blob td.hashes,
 div#cgit table.blob td.lines {
-	margin: 0;
-	padding: 0 0 0 .5em;
-	vertical-align: top
+	margin: 0; padding: 0 0 0 0.5em;
+	vertical-align: top;
+	color: var(--cl-white);
 }
 
 div#cgit table.blob td.linenumbers {
-	margin: 0;
-	padding: 0 .5em;
+	margin: 0; padding: 0 0.5em 0 0.5em;
+	vertical-align: top;
 	text-align: right;
-	border-right: 1px solid
+	border-right: 2px solid gray;
 }
 
 div#cgit table.blob pre {
-	padding: 0;
-	margin: 0
+	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: var(--cl-white);
 }
 
 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 .5em
+	padding: 0 0.5em 0 0.5em;
 }
 
 div#cgit table.blame td.linenumbers div.alt {
-	padding: 0 .5em 0 0
+	padding: 0 0.5em 0 0;
+}
+
+div#cgit table.blame div.alt:nth-child(even) {
+	background: var(--cl-gray-1);
+}
+
+div#cgit table.blame div.alt:nth-child(odd) {
+	background: white;
 }
 
-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 .5em;
+div#cgit table.blame td.lines > div > pre {
+	padding: 0 0 0 0.5em;
 	position: absolute;
-	top: 0
+	top: 0;
 }
 
 div#cgit table.bin-blob {
-	margin-top: .5em;
-	border: 1px solid
+	margin-top: 0.5em;
+	border: solid 2px var(--cl-white);
 }
 
 div#cgit table.bin-blob th {
-	font-family: monospace;
+	font-family: "Roboto Mono", monospace;
 	white-space: pre;
-	border: 1px solid;
-	padding: .5em 1em
+	border: solid 2px var(--cl-gray-5);
+	padding: 0.5em 1em;
 }
 
 div#cgit table.bin-blob td {
-	font-family: monospace;
+	font-family: "Roboto Mono", monospace;
 	white-space: pre;
-	border-left: 1px solid;
-	padding: 0 1em
+	border-left: solid 2px var(--cl-gray-5);
+	padding: 0em 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: 1px solid
+	border: solid 2px var(--cl-gray-7);
+	background-color: var(--cl-gray-1);
+}
+
+div#cgit div.cgit-panel th {
+	text-align: center;
 }
 
 div#cgit div.cgit-panel td {
-	padding: .25em .5em
+	padding: 0.25em 0.5em;
 }
 
 div#cgit div.cgit-panel td.label {
-	padding-right: .5em
+	padding-right: 0.5em;
 }
 
 div#cgit div.cgit-panel td.ctrl {
-	padding-left: .5em
+	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;
 }
 
-div#cgit table.commit-info th,
 div#cgit table.commit-info td {
-	padding: .1em 1em .1em .1em;
-	font-weight: normal
+	font-weight: normal;
+	padding: 0.1em 1em 0.1em 0.1em;
 }
 
 div#cgit div.commit-subject {
 	font-weight: bold;
 	font-size: 125%;
-	margin: 1.5em 0 .5em
+	margin: 1.5em 0em 0.5em 0em;
+	padding: 0em;
 }
 
 div#cgit div.commit-msg {
 	white-space: pre;
-	font-family: monospace
+	font-family: "Roboto Mono", 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: monospace;
-	border: 1px solid;
-	padding: .3em 2em .3em 1em;
-	float: left
+	font-family: "Roboto Mono", monospace;
+	border: solid 2px #ee9;
+	background-color: #ffd;
+	padding: 0.3em 2em 0.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: 1px solid
+	border: solid 2px var(--cl-gray-7);
+	background-color: var(--cl-gray-1);
 }
 
 div#cgit table.diffstat th {
 	font-weight: normal;
 	text-align: left;
 	text-decoration: underline;
-	padding: .1em 1em .1em .1em
+	padding: 0.1em 1em 0.1em 0.1em;
+	font-size: 100%;
 }
 
 div#cgit table.diffstat td {
-	padding: .2em .2em .1em .1em
+	padding: 0.2em 0.2em 0.1em 0.1em;
+	font-size: 100%;
+	border: none;
 }
 
 div#cgit table.diffstat td.mode {
-	white-space: nowrap
+	white-space: nowrap;
+}
+
+div#cgit table.diffstat td span.modechange {
+	padding-left: 1em;
+	color: var(--cl-red-6);
+}
+
+div#cgit table.diffstat td.add a {
+	color: var(--cl-green-6);
+}
+
+div#cgit table.diffstat td.del a {
+	color: var(--cl-red-6);
+}
+
+div#cgit table.diffstat td.upd a {
+	color: var(--cl-orange-6);
 }
 
 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: 0;
-	border: 0;
-	height: 7pt
+	padding: 0px;
+	border: 0px;
+	height: 7pt;
+}
+
+div#cgit table.diffstat td.graph td.add {
+	background-color: var(--cl-green-6);
+}
+
+div#cgit table.diffstat td.graph td.rem {
+	background-color: var(--cl-red-6);
 }
 
 div#cgit div.diffstat-summary {
-	padding-top: .5em
+	color: var(--cl-gray-6);
+	padding-top: 0.5em;
 }
 
 div#cgit table.diff {
-	width: 100%
+	width: 100%;
 }
 
 div#cgit table.diff td {
-	font-family: monospace;
-	white-space: pre
+	font-family: "Roboto Mono", monospace;
+	white-space: pre;
 }
 
 div#cgit table.diff td div.head {
 	font-weight: bold;
-	margin-top: 1em
+	margin-top: 1em;
+	color: var(--cl-white);
 }
 
-div#cgit table.diff td div.hunk {}
+div#cgit table.diff td div.hunk {
+	color: var(--cl-blue-6);
+}
 
-div#cgit table.diff td div.add {}
+div#cgit table.diff td div.add {
+	color: var(--cl-green-6);
+}
 
-div#cgit table.diff td div.del {}
+div#cgit table.diff td div.del {
+	color: var(--cl-red-6);
+}
 
-div#cgit .oid {
-	font-family: monospace;
-	font-size: 90%
+div#cgit .sha1 {
+	font-family: "Roboto Mono", monospace;
+	font-size: 90%;
 }
 
 div#cgit .left {
-	text-align: left
+	text-align: left;
 }
 
 div#cgit .right {
-	text-align: right
+	text-align: right;
+}
+
+div#cgit table.list td.reposection {
+	font-style: italic;
+	color: var(--cl-gray-6);
+}
+
+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 {
+
 }
 
 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 0 0;
-	padding: 0
+	margin: 1em 0em 0em 0em;
+	padding: 0;
 }
 
 div#cgit ul.pager li {
 	display: inline-block;
-	margin: .25em .5em
+	margin: 0.25em 0.5em;
+}
+
+div#cgit ul.pager a {
+	color: var(--cl-gray-5);
 }
 
 div#cgit ul.pager .current {
-	font-weight: bold
+	font-weight: bold;
+}
+
+div#cgit span.age-mins {
+	font-weight: bold;
+	color: var(--cl-green-6);
 }
 
-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 span.age-hours {
+	color: var(--cl-green-6);
+}
+
+div#cgit span.age-days {
+	color: var(--cl-green-6);
+}
+
+div#cgit span.age-weeks {
+	color: var(--cl-gray-3);
+}
+
+div#cgit span.age-months {
+	color: var(--cl-gray-6);
+}
+
+div#cgit span.age-years {
+	color: var(--cl-gray-8);
+}
+
+div#cgit span.insertions {
+	color: var(--cl-green-6);
+}
+
+div#cgit span.deletions {
+	color: var(--cl-red-6);
+}
 
 div#cgit div.footer {
-	margin-top: .5em;
+	margin-top: 0.5em;
 	text-align: center;
-	font-size: 80%
+	font-size: 80%;
+	color: var(--cl-white);
 }
 
 div#cgit div.footer a {
-	text-decoration: none
+	color: var(--cl-gray-9);
+	text-decoration: none;
 }
 
 div#cgit div.footer a:hover {
-	text-decoration: underline
+	text-decoration: underline;
+}
+
+div#cgit a.branch-deco {
+	color: var(--cl-white);
+	margin: 0px 0.5em;
+	padding: 0px 0.25em;
+	background-color: var(--cl-black);
+	border: solid 2px var(--cl-green-6);
+}
+
+div#cgit a.tag-deco {
+	color: var(--cl-white);
+	margin: 0px 0.5em;
+	padding: 0px 0.25em;
+	background-color: var(--cl-black);
+	border: solid 2px var(--cl-gray-5)700;
+}
+
+div#cgit a.tag-annotated-deco {
+	color: var(--cl-white);
+	margin: 0px 0.5em;
+	padding: 0px 0.25em;
+	background-color: var(--cl-black);
+	border: solid 2px var(--cl-gray-5)700;
+}
+
+div#cgit a.remote-deco {
+	color: var(--cl-white);
+	margin: 0px 0.5em;
+	padding: 0px 0.25em;
+	background-color: var(--cl-black);
+	border: solid 2px var(--cl-blue-6);
 }
 
-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 {
-	margin: 0 .5em;
-	padding: 0 .25em;
-	border: 1px solid;
-	border-radius: 2px
+	color: var(--cl-white);
+	margin: 0px 0.5em;
+	padding: 0px 0.25em;
+	background-color: var(--cl-black);
+	border: solid 2px var(--cl-red-6);
 }
 
 div#cgit div.commit-subject a.branch-deco,
@@ -660,95 +767,209 @@ 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: 1px solid;
-	border-collapse: collapse
+	border: solid 2px black;
+	border-collapse: collapse;
+}
+
+div#cgit table.stats th {
+	text-align: left;
+	padding: 2px 0.5em;
+	background-color: var(--cl-gray-1);
+	border: solid 2px black;
 }
 
-div#cgit table.stats th,
 div#cgit table.stats td {
-	border: 1px solid;
-	padding: 1px .5em;
-	text-align: left
+	text-align: right;
+	padding: 2px 0.5em;
+	border: solid 2px black;
 }
 
 div#cgit table.stats td.total {
-	font-weight: bold
+	font-weight: bold;
+	text-align: left;
 }
 
 div#cgit table.stats td.sum {
-	font-weight: bold
+	color: var(--cl-red-6);
+	font-weight: bold;
+/*	background-color: var(--cl-gray-1); */
+}
+
+div#cgit table.stats td.left {
+	text-align: left;
 }
 
 div#cgit table.vgraph {
 	border-collapse: separate;
-	border: 1px solid;
-	height: 200px
+	border: solid 2px black;
+	height: 200px;
 }
 
 div#cgit table.vgraph th {
-	border: 1px solid;
-	padding: 1px .5em
+	background-color: var(--cl-gray-1);
+	font-weight: bold;
+	border: solid 2px white;
+	padding: 2px 0.5em;
 }
 
 div#cgit table.vgraph td {
 	vertical-align: bottom;
-	padding: 0 10px
+	padding: 0px 10px;
+}
+
+div#cgit table.vgraph div.bar {
+	background-color: var(--cl-gray-1);
 }
 
 div#cgit table.hgraph {
-	border: 1px solid;
-	width: 800px
+	border: solid 2px black;
+	width: 800px;
 }
 
 div#cgit table.hgraph th {
-	border: 1px solid;
-	padding: 1px .5em
+	background-color: var(--cl-gray-1);
+	font-weight: bold;
+	border: solid 2px black;
+	padding: 2px 0.5em;
 }
 
 div#cgit table.hgraph td {
 	vertical-align: middle;
-	padding: 2px
+	padding: 2px 2px;
+}
+
+div#cgit table.hgraph div.bar {
+	background-color: var(--cl-gray-1);
+	height: 1em;
 }
 
 div#cgit table.ssdiff {
-	width: 100%
+	width: 100%;
 }
 
 div#cgit table.ssdiff td {
 	font-size: 75%;
-	font-family: monospace;
+	font-family: "Roboto Mono", monospace;
 	white-space: pre;
-	padding: 1px 4px;
-	border-left: 1px solid;
-	border-right: 1px solid
+	padding: 2px 4px 2px 4px;
+	border-left: solid 2px var(--cl-gray-7);
+	border-right: solid 2px var(--cl-gray-7);
+}
+
+div#cgit table.ssdiff td.add {
+	color: var(--cl-green-6);
+	background: var(--cl-black);
+	min-width: 50%;
+}
+
+div#cgit table.ssdiff td.add_dark {
+	color: var(--cl-green-6);
+	background: var(--cl-black);
+	min-width: 50%;
+}
+
+div#cgit table.ssdiff span.add {
+	background: var(--cl-black);
+	font-weight: bold;
 }
 
-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.del {
+	color: var(--cl-red-6);
+	background: var(--cl-black);
+	min-width: 50%;
+}
+
+div#cgit table.ssdiff td.del_dark {
+	color: var(--cl-red-6);
+	background: var(--cl-black);
+	min-width: 50%;
+}
+
+div#cgit table.ssdiff span.del {
+	background: var(--cl-black);
+	font-weight: bold;
+}
+
+div#cgit table.ssdiff td.changed {
+	color: var(--cl-orange-6);
+	background: var(--cl-black);
+	min-width: 50%;
+}
+
+div#cgit table.ssdiff td.changed_dark {
+	color: var(--cl-orange-6);
+	background: var(--cl-black);
+	min-width: 50%;
+}
 
 div#cgit table.ssdiff td.lineno {
+	color: var(--cl-white);
+	background: var(--cl-gray-1);
 	text-align: right;
 	width: 3em;
-	min-width: 3em
+	min-width: 3em;
+}
+
+div#cgit table.ssdiff td.hunk {
+	color: var(--cl-blue-6);
+	background: var(--cl-black);
+	border-top: solid 2px var(--cl-gray-7);
+	border-bottom: solid 2px var(--cl-gray-7);
+}
+
+div#cgit table.ssdiff td.head {
+	border-top: solid 2px var(--cl-gray-7);
+	border-bottom: solid 2px var(--cl-gray-7);
+}
+
+div#cgit table.ssdiff td.head div.head {
+	font-weight: bold;
+	color: var(--cl-white);
+}
+
+div#cgit table.ssdiff td.foot {
+	border-top: solid 2px var(--cl-gray-7);
+	border-left: none;
+	border-right: none;
+	border-bottom: none;
+}
+
+div#cgit table.ssdiff td.space {
+	border: none;
 }
 
 div#cgit table.ssdiff td.space div {
-	min-height: 3em
+	min-height: 3em;
 }
 
-div#cgit .right {
-	text-align: right
+div#cgit table#header td.form form, div#cgit table#header td.form input, div#cgit table#header td.form select {
+  font-size: 90%;
+  background-color: var(--cl-gray-0);
+  color: var(--cl-white);
+  border: none;
 }
+
+div#cgit table.tabs td.form input, div#cgit table.tabs td.form select {
+  font-size: 90%;
+  background-color: var(--cl-gray-2);
+  color: var(--cl-white);
+  border: 2px solid var(--cl-gray-3);
+  padding: 0.4em;
+}
+
+a:link {
+  color: var(--cl-blue-6);
+  padding: 4px 8px;
+}
+a:visited, a:active {
+  color: var(--cl-green-6);
+}
+a:hover {
+  color: var(--cl-black) !important;
+  background-color: var(--cl-blue-8);
+}
+
diff --git a/cgit.css.bak b/cgit.css.bak
index 81952aa..30a37e6 100644
--- a/cgit.css.bak
+++ b/cgit.css.bak
@@ -1,53 +1,225 @@
 @font-face {
-    font-family: "CgitFont";
+    font-family: "Kode Mono";
     src: url("./font.ttf") format("truetype");
 }
 
+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;
+}
+
+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;
+}
+
+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: 0em;
-	margin: 0em;
+	padding: 4px;
+	margin: 0;
 	font-family: sans-serif;
 	font-size: 10pt;
-	color: #333;
-	background: white;
-	padding: 4px;
-}
-
-div#cgit code {
-    font-family: "CgitFont";
 }
 
 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 +227,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;
-}
-
-div#cgit table.list td a {
-	color: black;
+	padding: 0 .5em
 }
 
-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: monospace
 }
 
-div#cgit a.ls-blob, div#cgit a.ls-dir, div#cgit .ls-mod {
-	font-family: "CgitFont", "Courier New", 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;
+	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;
-}
-
-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 +656,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%;
+	padding: 1px 4px;
+	border-left: 1px solid;
+	border-right: 1px solid
 }
 
-div#cgit table.ssdiff td.add_dark {
-	color: black;
-	background: #aca;
-	min-width: 50%;
-}
-
-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
 }
diff --git a/cgit.css.bak2 b/cgit.css.bak2
index 2bd4cab..81952aa 100644
--- a/cgit.css.bak2
+++ b/cgit.css.bak2
@@ -1,3 +1,8 @@
+@font-face {
+    font-family: "CgitFont";
+    src: url("./font.ttf") format("truetype");
+}
+
 div#cgit {
 	padding: 0em;
 	margin: 0em;
@@ -8,6 +13,10 @@ div#cgit {
 	padding: 4px;
 }
 
+div#cgit code {
+    font-family: "CgitFont";
+}
+
 div#cgit a {
 	color: blue;
 	text-decoration: none;
@@ -178,9 +187,12 @@ div#cgit table.list td {
 }
 
 div#cgit table.list td.commitgraph {
-	font-family: monospace;
+	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;
@@ -207,12 +219,12 @@ div#cgit table.list td.commitgraph .column6 {
 }
 
 div#cgit table.list td.logsubject {
-	font-family: monospace;
+	font-family: "CgitFont", "Courier New", monospace;
 	font-weight: bold;
 }
 
 div#cgit table.list td.logmsg {
-	font-family: monospace;
+	font-family: "CgitFont", "Courier New", monospace;
 	white-space: pre;
 	padding: 0 0.5em;
 }
@@ -281,17 +293,17 @@ div#cgit div.error {
 }
 
 div#cgit a.ls-blob, div#cgit a.ls-dir, div#cgit .ls-mod {
-	font-family: monospace;
+	font-family: "CgitFont", "Courier New", monospace;
 }
 
 div#cgit td.ls-size {
 	text-align: right;
-	font-family: monospace;
+	font-family: "CgitFont", "Courier New", monospace;
 	width: 10em;
 }
 
 div#cgit td.ls-mode {
-	font-family: monospace;
+	font-family: "CgitFont", "Courier New", monospace;
 	width: 10em;
 }
 
@@ -330,6 +342,11 @@ div#cgit table.ssdiff td.lineno a:hover {
 	color: black;
 }
 
+div#cgit table.blob td.linenumbers a:target:before {
+	color: red;
+	content: "\2BA9";
+}
+
 div#cgit table.blame td.hashes,
 div#cgit table.blame td.lines,
 div#cgit table.blame td.linenumbers {
@@ -373,14 +390,14 @@ div#cgit table.bin-blob {
 }
 
 div#cgit table.bin-blob th {
-	font-family: monospace;
+	font-family: "CgitFont", "Courier New", monospace;
 	white-space: pre;
 	border: solid 1px #777;
 	padding: 0.5em 1em;
 }
 
 div#cgit table.bin-blob td {
-	font-family: monospace;
+	font-family: "CgitFont", "Courier New", monospace;
 	white-space: pre;
 	border-left: solid 1px #777;
 	padding: 0em 1em;
@@ -443,7 +460,7 @@ div#cgit div.commit-subject {
 
 div#cgit div.commit-msg {
 	white-space: pre;
-	font-family: monospace;
+	font-family: "CgitFont", "Courier New", monospace;
 }
 
 div#cgit div.notes-header {
@@ -453,7 +470,7 @@ div#cgit div.notes-header {
 
 div#cgit div.notes {
 	white-space: pre;
-	font-family: monospace;
+	font-family: "CgitFont", "Courier New", monospace;
 	border: solid 1px #ee9;
 	background-color: #ffd;
 	padding: 0.3em 2em 0.3em 1em;
@@ -543,7 +560,7 @@ div#cgit table.diff {
 }
 
 div#cgit table.diff td {
-	font-family: monospace;
+	font-family: "CgitFont", "Courier New", monospace;
 	white-space: pre;
 }
 
@@ -566,7 +583,7 @@ div#cgit table.diff td div.del {
 }
 
 div#cgit .oid {
-	font-family: monospace;
+	font-family: "CgitFont", "Courier New", monospace;
 	font-size: 90%;
 }
 
@@ -679,6 +696,7 @@ div#cgit a.branch-deco {
 	padding: 0px 0.25em;
 	background-color: #88ff88;
 	border: solid 1px #007700;
+	border-radius: 2px;
 }
 
 div#cgit a.tag-deco {
@@ -687,6 +705,7 @@ div#cgit a.tag-deco {
 	padding: 0px 0.25em;
 	background-color: #ffff88;
 	border: solid 1px #777700;
+	border-radius: 2px;
 }
 
 div#cgit a.tag-annotated-deco {
@@ -695,6 +714,7 @@ div#cgit a.tag-annotated-deco {
 	padding: 0px 0.25em;
 	background-color: #ffcc88;
 	border: solid 1px #777700;
+	border-radius: 2px;
 }
 
 div#cgit a.remote-deco {
@@ -703,6 +723,7 @@ div#cgit a.remote-deco {
 	padding: 0px 0.25em;
 	background-color: #ccccff;
 	border: solid 1px #000077;
+	border-radius: 2px;
 }
 
 div#cgit a.deco {
@@ -711,6 +732,7 @@ div#cgit a.deco {
 	padding: 0px 0.25em;
 	background-color: #ff8888;
 	border: solid 1px #770000;
+	border-radius: 2px;
 }
 
 div#cgit div.commit-subject a.branch-deco,
@@ -805,7 +827,7 @@ div#cgit table.ssdiff {
 
 div#cgit table.ssdiff td {
 	font-size: 75%;
-	font-family: monospace;
+	font-family: "CgitFont", "Courier New", monospace;
 	white-space: pre;
 	padding: 1px 4px 1px 4px;
 	border-left: solid 1px #aaa;
@@ -897,20 +919,144 @@ div#cgit table.ssdiff td.space {
 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;
+}
 
-/* Style definition file generated by highlight 3.9, http://www.andre-simon.de/ */
-/* Highlighting theme: Kwrite Editor */
-/* adapted for cgit */
-div#cgit table.blob .num { color:#b07e00; }
-div#cgit table.blob .esc { color:#ff00ff; }
-div#cgit table.blob .str { color:#bf0303; }
-div#cgit table.blob .pps { color:#818100; }
-div#cgit table.blob .slc { color:#838183; font-style:italic; }
-div#cgit table.blob .com { color:#838183; font-style:italic; }
-div#cgit table.blob .ppc { color:#008200; }
-div#cgit table.blob .opt { color:#000000; }
-div#cgit table.blob .lin { color:#555555; }
-div#cgit table.blob .kwa { color:#000000; font-weight:bold; }
-div#cgit table.blob .kwb { color:#0057ae; }
-div#cgit table.blob .kwc { color:#000000; font-weight:bold; }
-div#cgit table.blob .kwd { color:#010181; }
+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);
+}
+
+/*
+   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; }
+}
diff --git a/cgit.css.bak3 b/cgit.css.bak3
new file mode 100644
index 0000000..2bd4cab
--- /dev/null
+++ b/cgit.css.bak3
@@ -0,0 +1,916 @@
+div#cgit {
+	padding: 0em;
+	margin: 0em;
+	font-family: sans-serif;
+	font-size: 10pt;
+	color: #333;
+	background: white;
+	padding: 4px;
+}
+
+div#cgit a {
+	color: blue;
+	text-decoration: none;
+}
+
+div#cgit a:hover {
+	text-decoration: underline;
+}
+
+div#cgit table {
+	border-collapse: collapse;
+}
+
+div#cgit table#header {
+	width: 100%;
+	margin-bottom: 1em;
+}
+
+div#cgit table#header td.logo {
+	width: 96px;
+	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;
+}
+
+div#cgit table#header td.form {
+	text-align: right;
+	vertical-align: bottom;
+	padding-right: 1em;
+	padding-bottom: 2px;
+	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;
+}
+
+div#cgit table.tabs {
+	border-bottom: solid 3px #ccc;
+	border-collapse: collapse;
+	margin-top: 2em;
+	margin-bottom: 0px;
+	width: 100%;
+}
+
+div#cgit table.tabs td {
+	padding: 0px 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;
+}
+
+div#cgit table.tabs td.form {
+	text-align: right;
+}
+
+div#cgit table.tabs td.form form {
+	padding-bottom: 2px;
+	font-size: 90%;
+	white-space: nowrap;
+}
+
+div#cgit table.tabs td.form input,
+div#cgit table.tabs td.form select {
+	font-size: 90%;
+}
+
+div#cgit div.path {
+	margin: 0px;
+	padding: 5px 2em 2px 2em;
+	color: #000;
+	background-color: #eee;
+}
+
+div#cgit div.content {
+	margin: 0px;
+	padding: 2em;
+	border-bottom: solid 3px #ccc;
+}
+
+
+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;
+}
+
+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;
+}
+
+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;
+}
+
+div#cgit table.list td {
+	border: none;
+	padding: 0.1em 0.5em 0.1em 0.5em;
+}
+
+div#cgit table.list td.commitgraph {
+	font-family: monospace;
+	white-space: pre;
+}
+
+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;
+}
+
+div#cgit table.list td.logsubject {
+	font-family: monospace;
+	font-weight: bold;
+}
+
+div#cgit table.list td.logmsg {
+	font-family: monospace;
+	white-space: pre;
+	padding: 0 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 img {
+	border: none;
+}
+
+div#cgit input#switch-btn {
+	margin: 2px 0px 0px 0px;
+}
+
+div#cgit td#sidebar input.txt {
+	width: 100%;
+	margin: 2px 0px 0px 0px;
+}
+
+div#cgit table#grid {
+	margin: 0px;
+}
+
+div#cgit td#content {
+	vertical-align: top;
+	padding: 1em 2em 1em 1em;
+	border: none;
+}
+
+div#cgit div#summary {
+	vertical-align: top;
+	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;
+}
+
+div#cgit div#blob {
+	border: solid 1px black;
+}
+
+div#cgit div.error {
+	color: red;
+	font-weight: bold;
+	margin: 1em 2em;
+}
+
+div#cgit a.ls-blob, div#cgit a.ls-dir, div#cgit .ls-mod {
+	font-family: monospace;
+}
+
+div#cgit td.ls-size {
+	text-align: right;
+	font-family: monospace;
+	width: 10em;
+}
+
+div#cgit td.ls-mode {
+	font-family: monospace;
+	width: 10em;
+}
+
+div#cgit table.blob {
+	margin-top: 0.5em;
+	border-top: solid 1px black;
+}
+
+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;
+}
+
+div#cgit table.blob td.linenumbers {
+	margin: 0; padding: 0 0.5em 0 0.5em;
+	vertical-align: top;
+	text-align: right;
+	border-right: 1px solid gray;
+}
+
+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.blame td.hashes,
+div#cgit table.blame td.lines,
+div#cgit table.blame td.linenumbers {
+	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;
+}
+
+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;
+}
+
+div#cgit table.blame td.lines > div {
+	position: relative;
+}
+
+div#cgit table.blame td.lines > div > pre {
+	padding: 0 0 0 0.5em;
+	position: absolute;
+	top: 0;
+}
+
+div#cgit table.blame .oid {
+	font-size: 100%;
+}
+
+div#cgit table.bin-blob {
+	margin-top: 0.5em;
+	border: solid 1px black;
+}
+
+div#cgit table.bin-blob th {
+	font-family: monospace;
+	white-space: pre;
+	border: solid 1px #777;
+	padding: 0.5em 1em;
+}
+
+div#cgit table.bin-blob td {
+	font-family: monospace;
+	white-space: pre;
+	border-left: solid 1px #777;
+	padding: 0em 1em;
+}
+
+div#cgit table.nowrap td {
+	white-space: nowrap;
+}
+
+div#cgit table.commit-info {
+	border-collapse: collapse;
+	margin-top: 1.5em;
+}
+
+div#cgit div.cgit-panel {
+	float: right;
+	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;
+}
+
+div#cgit div.cgit-panel td {
+	padding: 0.25em 0.5em;
+}
+
+div#cgit div.cgit-panel td.label {
+	padding-right: 0.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;
+}
+
+div#cgit table.commit-info td {
+	font-weight: normal;
+	padding: 0.1em 1em 0.1em 0.1em;
+}
+
+div#cgit div.commit-subject {
+	font-weight: bold;
+	font-size: 125%;
+	margin: 1.5em 0em 0.5em 0em;
+	padding: 0em;
+}
+
+div#cgit div.commit-msg {
+	white-space: pre;
+	font-family: monospace;
+}
+
+div#cgit div.notes-header {
+	font-weight: bold;
+	padding-top: 1.5em;
+}
+
+div#cgit div.notes {
+	white-space: pre;
+	font-family: monospace;
+	border: solid 1px #ee9;
+	background-color: #ffd;
+	padding: 0.3em 2em 0.3em 1em;
+	float: left;
+}
+
+div#cgit div.notes-footer {
+	clear: left;
+}
+
+div#cgit div.diffstat-header {
+	font-weight: bold;
+	padding-top: 1.5em;
+}
+
+div#cgit table.diffstat {
+	border-collapse: collapse;
+	border: solid 1px #aaa;
+	background-color: #eee;
+}
+
+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%;
+}
+
+div#cgit table.diffstat td {
+	padding: 0.2em 0.2em 0.1em 0.1em;
+	font-size: 100%;
+	border: none;
+}
+
+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;
+}
+
+div#cgit table.diffstat td.graph {
+	width: 500px;
+	vertical-align: middle;
+}
+
+div#cgit table.diffstat td.graph table {
+	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;
+}
+
+div#cgit div.diffstat-summary {
+	color: #888;
+	padding-top: 0.5em;
+}
+
+div#cgit table.diff {
+	width: 100%;
+}
+
+div#cgit table.diff td {
+	font-family: monospace;
+	white-space: pre;
+}
+
+div#cgit table.diff td div.head {
+	font-weight: bold;
+	margin-top: 1em;
+	color: black;
+}
+
+div#cgit table.diff td div.hunk {
+	color: #009;
+}
+
+div#cgit table.diff td div.add {
+	color: green;
+}
+
+div#cgit table.diff td div.del {
+	color: red;
+}
+
+div#cgit .oid {
+	font-family: monospace;
+	font-size: 90%;
+}
+
+div#cgit .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 {
+
+}
+
+div#cgit table.list td.sublevel-repo {
+	padding-left: 1.5em;
+}
+
+div#cgit ul.pager {
+	list-style-type: none;
+	text-align: center;
+	margin: 1em 0em 0em 0em;
+	padding: 0;
+}
+
+div#cgit ul.pager li {
+	display: inline-block;
+	margin: 0.25em 0.5em;
+}
+
+div#cgit ul.pager a {
+	color: #777;
+}
+
+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;
+}
+
+div#cgit span.deletions {
+	color: #800;
+}
+
+div#cgit div.footer {
+	margin-top: 0.5em;
+	text-align: center;
+	font-size: 80%;
+	color: #ccc;
+}
+
+div#cgit div.footer a {
+	color: #ccc;
+	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;
+}
+
+div#cgit a.tag-deco {
+	color: #000;
+	margin: 0px 0.5em;
+	padding: 0px 0.25em;
+	background-color: #ffff88;
+	border: solid 1px #777700;
+}
+
+div#cgit a.tag-annotated-deco {
+	color: #000;
+	margin: 0px 0.5em;
+	padding: 0px 0.25em;
+	background-color: #ffcc88;
+	border: solid 1px #777700;
+}
+
+div#cgit a.remote-deco {
+	color: #000;
+	margin: 0px 0.5em;
+	padding: 0px 0.25em;
+	background-color: #ccccff;
+	border: solid 1px #000077;
+}
+
+div#cgit a.deco {
+	color: #000;
+	margin: 0px 0.5em;
+	padding: 0px 0.25em;
+	background-color: #ff8888;
+	border: solid 1px #770000;
+}
+
+div#cgit div.commit-subject a.branch-deco,
+div#cgit div.commit-subject a.tag-deco,
+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%;
+}
+
+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;
+}
+
+div#cgit table.stats td {
+	text-align: right;
+	padding: 1px 0.5em;
+	border: solid 1px black;
+}
+
+div#cgit table.stats td.total {
+	font-weight: bold;
+	text-align: left;
+}
+
+div#cgit table.stats td.sum {
+	color: #c00;
+	font-weight: bold;
+/*	background-color: #eee; */
+}
+
+div#cgit table.stats td.left {
+	text-align: left;
+}
+
+div#cgit table.vgraph {
+	border-collapse: separate;
+	border: solid 1px black;
+	height: 200px;
+}
+
+div#cgit table.vgraph th {
+	background-color: #eee;
+	font-weight: bold;
+	border: solid 1px white;
+	padding: 1px 0.5em;
+}
+
+div#cgit table.vgraph td {
+	vertical-align: bottom;
+	padding: 0px 10px;
+}
+
+div#cgit table.vgraph div.bar {
+	background-color: #eee;
+}
+
+div#cgit table.hgraph {
+	border: solid 1px black;
+	width: 800px;
+}
+
+div#cgit table.hgraph th {
+	background-color: #eee;
+	font-weight: bold;
+	border: solid 1px black;
+	padding: 1px 0.5em;
+}
+
+div#cgit table.hgraph td {
+	vertical-align: middle;
+	padding: 2px 2px;
+}
+
+div#cgit table.hgraph div.bar {
+	background-color: #eee;
+	height: 1em;
+}
+
+div#cgit table.ssdiff {
+	width: 100%;
+}
+
+div#cgit table.ssdiff td {
+	font-size: 75%;
+	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%;
+}
+
+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.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;
+}
+
+div#cgit table.ssdiff td.space div {
+	min-height: 3em;
+}
+
+/* Style definition file generated by highlight 3.9, http://www.andre-simon.de/ */
+/* Highlighting theme: Kwrite Editor */
+/* adapted for cgit */
+div#cgit table.blob .num { color:#b07e00; }
+div#cgit table.blob .esc { color:#ff00ff; }
+div#cgit table.blob .str { color:#bf0303; }
+div#cgit table.blob .pps { color:#818100; }
+div#cgit table.blob .slc { color:#838183; font-style:italic; }
+div#cgit table.blob .com { color:#838183; font-style:italic; }
+div#cgit table.blob .ppc { color:#008200; }
+div#cgit table.blob .opt { color:#000000; }
+div#cgit table.blob .lin { color:#555555; }
+div#cgit table.blob .kwa { color:#000000; font-weight:bold; }
+div#cgit table.blob .kwb { color:#0057ae; }
+div#cgit table.blob .kwc { color:#000000; font-weight:bold; }
+div#cgit table.blob .kwd { color:#010181; }
diff --git a/ui-shared.c b/ui-shared.c
index b743d75..2f8d5c3 100644
--- a/ui-shared.c
+++ b/ui-shared.c
@@ -1084,7 +1084,7 @@ void cgit_print_pageheader(void)
 	if (!ctx.env.authenticated || !ctx.cfg.noheader)
 		print_header();
 
-	html("<table class='tabs'><tr><td>\n");
+	html("<table class='tabs'><tr><td class='form'>\n");
 	if (ctx.env.authenticated && ctx.repo) {
 		if (ctx.repo->readme.nr)
 			reporevlink("about", "about", NULL,