font size

1 files changed, 126 insertions, 100 deletions

diff --git a/cgit.css b/cgit.css
index 44a0742..1a9ec53 100644
--- a/cgit.css
+++ b/cgit.css
@@ -1,33 +1,54 @@
 /*
 * Based on original cgit.css © zx2c4.com
-* Modified by Jonas Gunt <himself@jonasgunz.de> 2020
+* Modified by Jonas Gunz <himself@jonasgunz.de> 2020
 * License GPLv2
 */
 
 :root {
-	--font-size: 12px;
-	--bg: black;
-	--text: white;
+	--font-size: 10pt;
+	
+	--bg: white;
+	--text: black;
 	--inactive-text: grey;
-	--accent-color: green;
-	--hover-bg: #444;
-	--table-bg1: #000;
-	--table-bg2: #111;
-	--highlight-bg: #333;
-	--age-mins: #0f0;
-	--age-hours: #0a0;
-	--age-days: #050;
-	--age-weeks: #777;
-	--age-months: #666;
-	--age-years: #555;
-	--branch-deco: blue;
-	--tag-deco: blue;
-	--annotated-tag-deco: blue;
-	--remote-deco: blue;
-	--deco: blue;
+	--accent-color: blue;
+	--hover-bg: #eee;
+	--border: #aaa;
+	--table-bg1: #f7f7f7;
+	--table-bg2: #fff;
+	--highlight-bg: lightgrey;
+	
+	--age-mins: #080;
+	--age-hours: #080;
+	--age-days: #040;
+	--age-weeks: #444;
+	--age-months: #8886;
+	--age-years: #bbb;
+	
+	--branch-deco: #88ff88;
+	--tag-deco: #ffff88;
+	--annotated-tag-deco: #ffcc88;
+	--remote-deco: #ccccff;
+	--deco: #ff8888;
+	
 	--diff-add: green;
 	--diff-rem: red;
-	--diff-hunk: lightblue;
+	--diff-hunk: blue;
+	--diff-add-bg: #cfc;
+	--diff-add-bg-dark: #aca;
+	--diff-rem-bg: #fcc;
+	--diff-rem-bg-dark: #caa;
+	--diff-changed-bg: #ffc;
+	--diff-changed-bg-dark: #cca;
+	--diff-hunk-bg: #ccf;
+	
+	--vgraph-col1: #a00;
+	--vgraph-col2: #0a0;
+	--vgraph-col3: #aa0;
+	--vgraph-col4: #00a;
+	--vgraph-col5: #a0a;
+	--vgraph-col6: #0aa;
+
+	--stats-sum: #c00;
 }
 
 body{
@@ -191,11 +212,11 @@ div#cgit table.list tr.nohover:hover {
 }
 
 div#cgit table.list tr.nohover-highlight:hover:nth-child(even) {
-	background: #f7f7f7;/*TODO*/
+	background: var(--table-bg1);
 }
 
 div#cgit table.list tr.nohover-highlight:hover:nth-child(odd) {
-	background: white;/*TODO*/
+	background: var(--table-bg2);
 }
 
 div#cgit table.list th {
@@ -219,27 +240,27 @@ div#cgit table.list td.commitgraph {
 }
 
 div#cgit table.list td.commitgraph .column1 {
-	color: #a00;/*TODO*/
+	color: var(--vgraph-col1);
 }
 
 div#cgit table.list td.commitgraph .column2 {
-	color: #0a0; /*TODO*/
+	color: var(--vgraph-col2);
 }
 
 div#cgit table.list td.commitgraph .column3 {
-	color: #aa0;/*TODO*/
+	color: var(--vgraph-col3);
 }
 
 div#cgit table.list td.commitgraph .column4 {
-	color: #00a;/*TODO*/
+	color: var(--vgraph-col4);
 }
 
 div#cgit table.list td.commitgraph .column5 {
-	color: #a0a;/*TODO*/
+	color: var(--vgraph-col5);
 }
 
 div#cgit table.list td.commitgraph .column6 {
-	color: #0aa;/*TODO*/
+	color: var(--vgraph-col6);
 }
 
 div#cgit table.list td.logsubject {
@@ -294,7 +315,7 @@ div#cgit div#summary {
 	margin-bottom: 1em;
 }
 
-div#cgit table#downloads {
+div#cgit table#downloads { /*TODO*/
 	float: right;
 	border-collapse: collapse;
 	border: solid 1px #777;
@@ -333,7 +354,7 @@ div#cgit td.ls-mode {
 
 div#cgit table.blob {
 	margin-top: 0.5em;
-	border-top: solid 1px var(--highlight-bg);
+	border-top: solid 1px var(--border);
 }
 
 div#cgit table.blob td.hashes,
@@ -347,7 +368,7 @@ 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 var(--highlight-bg);
+	border-right: 1px solid var(--border);
 }
 
 div#cgit table.blob pre {
@@ -386,7 +407,7 @@ div#cgit table.blame div.alt:nth-child(even) {
 }
 
 div#cgit table.blame div.alt:nth-child(odd) {
-	background: ar(--table-bg2);;
+	background: var(--table-bg2);
 }
 
 div#cgit table.blame td.lines > div {
@@ -401,20 +422,20 @@ div#cgit table.blame td.lines > div > pre {
 
 div#cgit table.bin-blob {
 	margin-top: 0.5em;
-	border: solid 1px black; /*TODO*/
+	border: solid 1px var(--border);
 }
 
 div#cgit table.bin-blob th {
 	font-family: monospace;
 	white-space: pre;
-	border: solid 1px #777; /*TODO*/
+	border: solid 1px var(--border);
 	padding: 0.5em 1em;
 }
 
 div#cgit table.bin-blob td {
 	font-family: monospace;
 	white-space: pre;
-	border-left: solid 1px #777; /*TODO*/
+	border-left: solid 1px var(--border);
 	padding: 0em 1em;
 }
 
@@ -522,11 +543,11 @@ div#cgit table.diffstat td.mode {
 	white-space: nowrap;
 }
 
-div#cgit table.diffstat td span.modechange { /*TODO*/
+div#cgit table.diffstat td span.modechange {
 	padding-left: 1em;
 	color: var(--diff-rem);;
 }
-/*TODO??*/
+
 div#cgit table.diffstat td.add a {
 	color: var(--diff-add);
 }
@@ -607,9 +628,9 @@ div#cgit .right {
 	text-align: right;
 }
 
-div#cgit table.list td.reposection {/*TODO*/
+div#cgit table.list td.reposection {
 	font-style: italic;
-	color: #888;
+	color: var(--inactive-text);
 }
 
 div#cgit a.button {
@@ -677,13 +698,13 @@ div#cgit span.age-months {
 div#cgit span.age-years {
 	color: var(--age-years);
 }
-/* TODO */
+
 div#cgit span.insertions {
-	color: #080;
+	color: var(--diff-add);
 }
 
 div#cgit span.deletions {
-	color: #800;
+	color: var(--diff-rem);
 }
 
 div#cgit div.footer {
@@ -693,8 +714,8 @@ div#cgit div.footer {
 	color: var(--inactive-text);
 }
 
-div#cgit div.footer a { /* TODO */
-	color: #ccc;
+div#cgit div.footer a {
+	color: var(--inactive-text);
 	text-decoration: none;
 }
 
@@ -702,39 +723,44 @@ div#cgit div.footer a:hover {
 	text-decoration: underline;
 }
 
-div#cgit a.branch-deco { /* TODO */
+div#cgit a.branch-deco {
 	color: var(--text);
 	margin: 0px 0.5em;
 	padding: 0px 0.25em;
 	background-color: var(--branch-deco);
+	border: solid 1px var(--text);
 }
 
-div#cgit a.tag-deco { /* TODO */
+div#cgit a.tag-deco {
 	color: var(--text);
 	margin: 0px 0.5em;
 	padding: 0px 0.25em;
 	background-color: var(--tag-deco);
+	border: solid 1px var(--text);
 }
 
-div#cgit a.tag-annotated-deco { /* TODO */
+div#cgit a.tag-annotated-deco {
 	color: var(--text);
 	margin: 0px 0.5em;
 	padding: 0px 0.25em;
 	background-color: var(--annotated-tag-deco);
+	border: solid 1px var(--text);
 }
 
-div#cgit a.remote-deco { /* TODO */
+div#cgit a.remote-deco {
 	color: var(--text);
 	margin: 0px 0.5em;
 	padding: 0px 0.25em;
 	background-color: var(--remote-deco);
+	border: solid 1px var(--text);
 }
 
-div#cgit a.deco { /* TODO */
+div#cgit a.deco {
 	color: var(--text);
 	margin: 0px 0.5em;
 	padding: 0px 0.25em;
 	background-color: var(--deco);
+	border: solid 1px var(--text);
 }
 
 div#cgit div.commit-subject a.branch-deco,
@@ -746,22 +772,22 @@ div#cgit div.commit-subject a.deco {
 	font-size: 75%;
 }
 
-div#cgit table.stats {/* TODO */
-	border: solid 1px black;
+div#cgit table.stats {
+	border: solid 1px var(--border);
 	border-collapse: collapse;
 }
 
-div#cgit table.stats th {/* TODO */
+div#cgit table.stats th {
 	text-align: left;
 	padding: 1px 0.5em;
-	background-color: #eee;
-	border: solid 1px black;
+	background-color: var(--highlight-bg);
+	border: solid 1px var(--border);
 }
 
-div#cgit table.stats td {/* TODO */
+div#cgit table.stats td {
 	text-align: right;
 	padding: 1px 0.5em;
-	border: solid 1px black;
+	border: solid 1px var(--border);
 }
 
 div#cgit table.stats td.total {
@@ -770,7 +796,7 @@ div#cgit table.stats td.total {
 }
 
 div#cgit table.stats td.sum {
-	color: #c00;
+	color: var(--stats-sum);
 	font-weight: bold;
 /*	background-color: #eee; */
 }
@@ -779,13 +805,13 @@ div#cgit table.stats td.left {
 	text-align: left;
 }
 
-div#cgit table.vgraph {/* TODO */
+div#cgit table.vgraph {
 	border-collapse: separate;
 	border: solid 1px black;
 	height: 200px;
 }
 
-div#cgit table.vgraph th {/* TODO */
+div#cgit table.vgraph th {
 	background-color: #eee;
 	font-weight: bold;
 	border: solid 1px white;
@@ -827,88 +853,88 @@ div#cgit table.ssdiff {
 	width: 100%;
 }
 
-div#cgit table.ssdiff td { /* TODO *//* TODO */
+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;
+	border-left: solid 1px var(--border);
+	border-right: solid 1px var(--border);;
 }
 
-div#cgit table.ssdiff td.add { /* TODO */
-	color: black;
-	background: #cfc;
+div#cgit table.ssdiff td.add {
+	color: var(--text);
+	background: var(--diff-add-bg);
 	min-width: 50%;
 }
 
-div#cgit table.ssdiff td.add_dark { /* TODO */
-	color: black;
-	background: #aca;
+div#cgit table.ssdiff td.add_dark {
+	color: var(--text);
+	background: var(--diff-add-bg-dark);
 	min-width: 50%;
 }
 
-div#cgit table.ssdiff span.add { /* TODO */
-	background: #cfc;
+div#cgit table.ssdiff span.add {
+	background: var(--diff-add-bg);
 	font-weight: bold;
 }
 
-div#cgit table.ssdiff td.del { /* TODO */
-	color: black;
-	background: #fcc;
+div#cgit table.ssdiff td.del {
+	color: var(--text);
+	background: var(--diff-del-bg);
 	min-width: 50%;
 }
 
-div#cgit table.ssdiff td.del_dark { /* TODO */
-	color: black;
-	background: #caa;
+div#cgit table.ssdiff td.del_dark {
+	color: var(--text);
+	background: var(--diff-rem-bg-dark);
 	min-width: 50%;
 }
 
-div#cgit table.ssdiff span.del { /* TODO */
-	background: #fcc;
+div#cgit table.ssdiff span.del {
+	background: var(--diff-rem-bg);
 	font-weight: bold;
 }
 
-div#cgit table.ssdiff td.changed { /* TODO */
-	color: black;
-	background: #ffc;
+div#cgit table.ssdiff td.changed {
+	color: var(--text);
+	background: var(--diff-changed-bg);
 	min-width: 50%;
 }
 
-div#cgit table.ssdiff td.changed_dark { /* TODO */
-	color: black;
-	background: #cca;
+div#cgit table.ssdiff td.changed_dark {
+	color: var(--text);
+	background: var(--diff-changed-bg-dark);
 	min-width: 50%;
 }
 
-div#cgit table.ssdiff td.lineno { /* TODO */
-	color: black;
-	background: #eee;
+div#cgit table.ssdiff td.lineno {
+	color: var(--text);
+	background: var(--hover-bg);
 	text-align: right;
 	width: 3em;
 	min-width: 3em;
 }
 
-div#cgit table.ssdiff td.hunk { /* TODO */
-	color: black;
-	background: #ccf;
-	border-top: solid 1px #aaa;
-	border-bottom: solid 1px #aaa;
+div#cgit table.ssdiff td.hunk {
+	color: var(--text);
+	background: var(--diff-hunk-bg);
+	border-top: solid 1px var(--border);
+	border-bottom: solid 1px var(--border);
 }
 
-div#cgit table.ssdiff td.head { /* TODO */
-	border-top: solid 1px #aaa;
-	border-bottom: solid 1px #aaa;
+div#cgit table.ssdiff td.head {
+	border-top: solid 1px var(--border);
+	border-bottom: solid 1px var(--border);
 }
 
-div#cgit table.ssdiff td.head div.head { /* TODO */
+div#cgit table.ssdiff td.head div.head {
 	font-weight: bold;
-	color: black;
+	color: var(--text);
 }
 
-div#cgit table.ssdiff td.foot { /* TODO */
-	border-top: solid 1px #aaa;
+div#cgit table.ssdiff td.foot {
+	border-top: solid 1px var(--border);
 	border-left: none;
 	border-right: none;
 	border-bottom: none;