/* based on https://gitlab.com/imn1/gruvbox-cgit */

@media (prefers-color-scheme: dark) {
	:root {
		--bg_h:	#1a1a1a;
		--bg:	#242424;
		--bg_s:	#2d2d2d;
		--bg1:	#363636;
		--bg2:	#444444;
		--bg3:	#555555;
		--bg4:	#666666;

		--fg:	#e8e8e8;
		--fg1:	#d8d8d8;
		--fg2:	#c4c4c4;
		--fg3:	#adadad;
		--fg4:	#969696;

		--red:		#c46c6c;
		--green:	#8a9c8a;
		--yellow:	#c4b582;
		--blue:		#7a8f9c;
		--purple:	#a3869b;
		--aqua:		#7a9c86;
		--gray:		#7a7a7a;
		--orange:	#c49c6c;

		--red-dim:		#9c5c5c;
		--green-dim:	#6a7a6a;
		--yellow-dim:	#9c8a6a;
		--blue-dim:		#5c7a8a;
		--purple-dim:	#8a6a7a;
		--aqua-dim:		#5c7a6a;
		--gray-dim:		#868686;
		--orange-dim:	#9c7a5c;
	}
}

@media (prefers-color-scheme: light) {
	:root {
		--bg_h:	#f5f5f5;
		--bg:	#f0f0f0;
		--bg_s:	#e8e8e8;
		--bg1:	#e0e0e0;
		--bg2:	#d0d0d0;
		--bg3:	#b8b8b8;
		--bg4:	#a0a0a0;

		--fg:	#1a1a1a;
		--fg1:	#2d2d2d;
		--fg2:	#444444;
		--fg3:	#5c5c5c;
		--fg4:	#747474;

		--red:		#a86c6c;
		--green:	#7a8a7a;
		--yellow:	#a89c7a;
		--blue:		#6a7a86;
		--purple:	#8a7a86;
		--aqua:		#6a867a;
		--gray:		#868686;
		--orange:	#a8866a;

		--red-dim:		#c49c9c;
		--green-dim:	#9cada4;
		--yellow-dim:	#c4b59c;
		--blue-dim:		#9cada4;
		--purple-dim:	#ada49c;
		--aqua-dim:		#9cada4;
		--gray-dim:		#a0a0a0;
		--orange-dim:	#c4ad9c;
	}
}

html {
	font-family: monospace;
}

body, #cgit, .path, div#cgit table.blob td.hashes, div#cgit table.blob td.lines, div#cgit div.cgit-panel table, div#cgit table.diffstat {
	background: var(--bg) !important;
	color: var(--fg) !important;
	border: none
}

a {
	color: var(--fg) !important;
	text-decoration: underline !important;
}

select, input {
	border: none;
	background: var(--bg2);
	color: var(--fg);
}

div#cgit table#header td.main {
	font-size: 150%;
}

div#cgit table.tabs td a.active {
	background: var(--bg) !important;
	color: var(--yellow) !important;
}

div#cgit table.tabs, div#cgit div.content, div#cgit table#header td.sub {
	border: none;
}

div#cgit table.list tr.nohover, div#cgit table.list tr:nth-child(2n) {
	background: var(--bg) !important;
}

div#cgit table.list tr:nth-child(2n+1) {
	background: var(--bg_s) !important;
}

div#cgit table.list tr:hover:not(.nohover) {
	background: var(--bg1) !important;
}

div#cgit table.blob td.linenumbers, div#cgit table.blob {
	border-color: var(--gray);
}

div#cgit table.blob td.linenumbers a {
	color: var(--gray) !important;
	text-decoration: none !important;
}

div#cgit table.stats th {
	background: var(--bg1);
	color: var(--fg2)
}

div#cgit table.stats td, div#cgit table.stats th, div#cgit table.stats tr {
	border: 1px solid var(--fg4);
}

div#cgit table.stats td.sum {
	color: var(--red);
}

.markdown-body code, .markdown-body tt, .markdown-body .highlight pre, .markdown-body pre {
	background: var(--bg1) !important;
}

.age-hours {
	color: var(--aqua) !important;
}

.age-days {
	color: var(--aqua-dim) !important;
}

.age-weeks {
	color: var(--fg) !important;
}

.age-months {
	color: var(--fg2) !important;
}

.age-years {
	color: var(--fg4) !important;
}

div#cgit span.insertions {
	color: var(--green-dim);
}

div#cgit span.deletions {
	color: var(--red-dim);
}

div#cgit a.branch-deco {
	background: var(--aqua);
	border: none;
	color: var(--bg) !important;
}

div#cgit a.deco {
	background: var(--yellow);
	border: none;
	color: var(--bg) !important;
}

div#cgit a.tag-deco {
	background: var(--gray);
	border: none;
	color: var(--bg) !important;
}

div#cgit table.diff td div.hunk {
	color: var(--blue);
}

div#cgit table.diff td div.del {
	color: var(--red);
}

div#cgit table.diff td div.add {
	color: var(--green);
}

div#cgit table.diff td div.ctx {
	color: var(--gray);
}

div#cgit table.diff td div.head {
	color: var(--fg);
}

div#cgit table.diffstat td.graph td.add {
	background: var(--green);
}

div#cgit table.diffstat td.graph td.rem {
	background: var(--red);
}

.hl.num {
	color: var(--red);
}

.hl.esc {
	color: var(--orange);
}

.hl.str {
	color: var(--orange);
}

.hl.pps {
	color: var(--red);
}

.hl.slc {
	font-style: italic;
	color: var(--gray);
}

.hl.com {
	font-style: italic;
	color: var(--gray);
}

.hl.ppc {
	color: var(--aqua);
}

.hl.opt {
	color: var(--fg);
}

.hl.ipl {
	color: var(--gray);
}

.hl.lin {
	color: var(--gray);
}

.hl.kwa {
	font-weight: bold;
	color: var(--blue);
}

.hl.kwb {
	color: var(--blue);
}

.hl.kwc {
	font-weight: bold;
	color: var(--green);
}

.hl.kwd {
	color: var(--green);
}