diff options
| -rw-r--r-- | cgit.css | 226 |
1 files changed, 126 insertions, 100 deletions
@@ -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; |