From a71b6f87fa2418f4f8109642349b2fe3e44974b0 Mon Sep 17 00:00:00 2001 From: Max Resnick Date: Sat, 14 Sep 2024 22:59:18 -0700 Subject: feat: add gruvbox theme --- src/cgit/etc/gruvbox.css | 171 +++++++++++++++++++++++++++++++++++++++ src/cgit/etc/gruvbox_header.html | 1 + 2 files changed, 172 insertions(+) create mode 100644 src/cgit/etc/gruvbox.css create mode 100644 src/cgit/etc/gruvbox_header.html 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 @@ + -- cgit v1.2.3