feat: add gruvbox theme

2 files changed, 172 insertions, 0 deletions

diff --git a/src/cgit/etc/gruvbox.css b/src/cgit/etc/gruvbox.css
new file mode 100644
index 0000000..4bd23b3
--- /dev/null
+++ b/src/cgit/etc/gruvbox.css
@@ -0,0 +1,171 @@
+:root {
+    --bg_h: #f9f5d7;
+    --bg:   #fbf1c7;
+    --bg_s: #f2e5bc;
+    --bg1:  #ebdbb2;
+    --bg2:  #d5c4a1;
+    --bg3:  #bdae93;
+    --bg4:  #a89984;
+
+    --fg:  #3c3836;
+    --fg1: #3c3836;
+    --fg2: #504945;
+    --fg3: #665c54;
+    --fg4: #7c6f64;
+
+    --red:    #cc241d;
+    --green:  #98971a;
+    --yellow: #d79921;
+    --blue:   #458588;
+    --purple: #b16286;
+    --aqua:   #689d6a;
+    --gray:   #7c6f64;
+    --orange: #d65d0e;
+
+    --red-dim:    #9d0006;
+    --green-dim:  #79740e;
+    --yellow-dim: #b57614;
+    --blue-dim:   #076678;
+    --purple-dim: #8f3f71;
+    --aqua-dim:   #427b58;
+    --gray-dim:   #928374;
+    --orange-dim: #af3a03;
+}
+
+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);
+}
+
+/**************/
+/*** TABLES ***/
+/**************/
+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;
+}
+
+/************/
+/*** CODE ***/
+/************/
+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;
+}
+
+.markdown-body code, .markdown-body tt,
+.markdown-body .highlight pre, .markdown-body pre {
+    background: var(--bg1) !important;
+}
+
+/************/
+/*** AGES ***/
+/************/
+.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;
+}
+
+/******************/
+/*** DECORATORS ***/
+/******************/
+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;
+}
+
+/************/
+/*** DIFF ***/
+/************/
+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);
+}
diff --git a/src/cgit/etc/gruvbox_header.html b/src/cgit/etc/gruvbox_header.html
new file mode 100644
index 0000000..76beeb7
--- /dev/null
+++ b/src/cgit/etc/gruvbox_header.html
@@ -0,0 +1 @@
+<link rel="stylesheet" type="text/css" href="gruvbox.css">