From 8b5fc931367fafcbe13a9e9e8108ddbccf4ea6c7 Mon Sep 17 00:00:00 2001 From: Julio Biason Date: Mon, 4 Nov 2019 14:26:36 -0300 Subject: [PATCH] Updated to follow the terminimal theme --- cgit.css | 158 ++++++++++++++++++++++++------------------------------- 1 file changed, 70 insertions(+), 88 deletions(-) diff --git a/cgit.css b/cgit.css index 2578ad0..af7750d 100644 --- a/cgit.css +++ b/cgit.css @@ -1,28 +1,66 @@ +/*! + * Hack typeface https://github.com/source-foundry/Hack + * License: https://github.com/source-foundry/Hack/blob/master/LICENSE.md + */@font-face { + font-family:'Hack'; + src:url("fonts/hack-regular.woff2?sha=3114f1256") format("woff2"), + url("fonts/hack-regular.woff?sha=3114f1256") format("woff"); + font-weight:400; + font-style:normal +} +@font-face { + font-family:'Hack'; + src:url("fonts/hack-bold.woff2?sha=3114f1256") format("woff2"), + url("fonts/hack-bold.woff?sha=3114f1256") format("woff"); + font-weight:700; + font-style:normal +} +@font-face { + font-family:'Hack'; + src:url("fonts/hack-italic.woff2?sha=3114f1256") format("woff2"), + url("fonts/hack-italic.woff?sha=3114f1256") format("woff"); + font-weight:400; + font-style:italic +} +@font-face { + font-family:'Hack'; + src:url("fonts/hack-bolditalic.woff2?sha=3114f1256") format("woff2"), + url("fonts/hack-bolditalic.woff?sha=3114f1256") format("woff"); + font-weight:700; + font-style:italic +} + +:root { + --accent: rgb(35,176,255); + --accent-alpha-70: rgba(35,176,255,.7); + --accent-alpha-20: rgba(35,176,255,.2); + --background: #1D212C; + --color: white; + --color-on-accent: black; + --border-color: rgba(255, 255, 255, .1) +} + body { - background-color: #22222b; + background-color: var(--background); font-size: 1rem; font-style: normal; } + div#cgit { padding: 0em; margin: 0em; - font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; - /* font-size: 10pt; */ - color: #ccc; - background: #22222b; + font-family:Hack, DejaVu Sans Mono, Monaco, Consolas, Ubuntu Mono, monospace; + color: var(--color); + background: var(--background); padding: 4px; } div#cgit a { - color: blue; + color: var(--accent); text-decoration: none; } -div#cgit a:hover { - text-decoration: underline; -} - div#cgit table { border-collapse: collapse; } @@ -44,7 +82,7 @@ div#cgit table#header td.main { } div#cgit table#header td.main a { - color: #ccc; + color: var(--color); } div#cgit table#header td.form { @@ -62,13 +100,13 @@ div#cgit table#header td.form select { } div#cgit table#header td.sub { - color: #777; - border-top: solid 1px #ccc; + color: var(--accent-alpha-70); + border-top: solid 1px var(--border-color); padding-left: 10px; } div#cgit table.tabs { - border-bottom: solid 3px #ccc; + border-bottom: solid 3px var(--border-color); border-collapse: collapse; margin-top: 2em; margin-bottom: 0px; @@ -84,12 +122,13 @@ div#cgit table.tabs td a { padding: 0px 0.75em; color: #ccc; font-size: 110%; + text-decoration: none; } div#cgit table.tabs td a.active { color: #ccc; background-color: #22222b; - border-bottom: 3px solid #ff2e88; + border-bottom: 3px solid var(--accent); } div#cgit table.tabs a[href^="http://"]:after, div#cgit table.tabs a[href^="https://"]:after { @@ -141,45 +180,12 @@ 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: #ff2e88; - color: #ccc; + background: var(--accent-alpha-70); } -div#cgit table.list tr.nohover { - background: #22222c; -} - -div#cgit table.list tr.nohover:hover { - background: #22222c; -} - -/* -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; } @@ -190,7 +196,6 @@ div#cgit table.list td { } div#cgit table.list td.commitgraph { - /* font-family: monospace; */ white-space: pre; } @@ -219,12 +224,10 @@ div#cgit table.list td.commitgraph .column6 { } 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; } @@ -238,12 +241,6 @@ div#cgit table.list td a.ls-dir { color: #00f; } -/* -div#cgit table.list td a:hover { - color: #00f; -} -*/ - div#cgit img { border: none; } @@ -294,20 +291,12 @@ div#cgit div.error { 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; } @@ -351,14 +340,12 @@ div#cgit table.bin-blob { } 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; @@ -421,7 +408,6 @@ div#cgit div.commit-subject { div#cgit div.commit-msg { white-space: pre; - /* font-family: monospace; */ } div#cgit div.notes-header { @@ -431,7 +417,6 @@ div#cgit div.notes-header { div#cgit div.notes { white-space: pre; - /* font-family: monospace; */ border: solid 1px #ee9; background-color: #ffd; padding: 0.3em 2em 0.3em 1em; @@ -449,8 +434,8 @@ div#cgit div.diffstat-header { div#cgit table.diffstat { border-collapse: collapse; - border: solid 1px #aaa; - background-color: #eee; + border: solid 1px var(--border-color); + background-color: var(--background); } div#cgit table.diffstat th { @@ -521,14 +506,13 @@ div#cgit table.diff { } 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; + color: var(--accent-alpha-70); } div#cgit table.diff td div.hunk { @@ -544,7 +528,6 @@ div#cgit table.diff td div.del { } div#cgit .sha1 { - /* font-family: monospace; */ font-size: 90%; } @@ -652,35 +635,35 @@ div#cgit div.footer a:hover { } div#cgit a.branch-deco { - color: #000; + color: var(--color); margin: 0px 0.5em; padding: 0px 0.25em; - background-color: #88ff88; - border: solid 1px #007700; + border: solid 1px var(--border-color); + opacity: 0.5; } div#cgit a.tag-deco { - color: #000; + color: var(--color); margin: 0px 0.5em; padding: 0px 0.25em; - background-color: #ffff88; - border: solid 1px #777700; + border: solid 1px var(--border-color); + opacity: 0.5; } div#cgit a.remote-deco { - color: #000; + color: var(--color); margin: 0px 0.5em; padding: 0px 0.25em; - background-color: #ccccff; - border: solid 1px #000077; + border: solid 1px var(--border-color); + opacity: 0.5; } div#cgit a.deco { - color: #000; + color: var(--color); margin: 0px 0.5em; padding: 0px 0.25em; - background-color: #ff8888; - border: solid 1px #770000; + border: solid 1px var(--border-color); + opacity: 0.5; } div#cgit div.commit-subject a.branch-deco, @@ -774,7 +757,6 @@ div#cgit table.ssdiff { div#cgit table.ssdiff td { font-size: 75%; - /* font-family: monospace; */ white-space: pre; padding: 1px 4px 1px 4px; border-left: solid 1px #aaa;