Diffstat (limited to 'cgit.css')
| -rw-r--r-- | cgit.css | 893 |
1 files changed, 748 insertions, 145 deletions
@@ -1,290 +1,559 @@ -body, table, form { +div#cgit { + --bg: white; + --bg-zebra: #f7f7f7; + --bg-hl: #eee; + --bg-hl2: #ccc; + --fg: #333; + --fg-strong: #000; + --fg-mid: #444; + --fg-mute: #777; + --fg-dim: #888; + --fg-faint: #bbb; + --fg-faintest: #ccc; + --fg-on-tint: black; + --fg-linenum: gray; + --border: #ccc; + --border-mid: #aaa; + --border-dark: #777; + --border-strong: black; + + --red: red; + --red-mid: #c00; + --red-dark: #800; + --green: green; + --green-mid: #080; + --green-dark: #040; + --blue: blue; + --blue-dark: #009; + + --graph-col1: #a00; + --graph-col2: #0a0; + --graph-col3: #aa0; + --graph-col4: #00a; + --graph-col5: #a0a; + --graph-col6: #0aa; + + --graph-add-bg: #5c5; + --graph-rem-bg: #c55; + + --notes-bg: #ffd; + --notes-border: #ee9; + --add-bg: #cfc; + --add-bg-dark: #aca; + --del-bg: #fcc; + --del-bg-dark: #caa; + --changed-bg: #ffc; + --changed-bg-dark: #cca; + --hunk-bg: #ccf; + + --deco-branch-bg: #8f8; + --deco-branch-border: #070; + --deco-tag-bg: #ff8; + --deco-tag-border: #770; + --deco-tag-annotated-bg: #fc8; + --deco-tag-annotated-border: #770; + --deco-remote-bg: #ccf; + --deco-remote-border: #007; + --deco-other-bg: #f88; + --deco-other-border: #700; + + --syn-keyword: #000; + --syn-keyword-alt: #0057ae; + --syn-type: #010181; + --syn-string: #bf0303; + --syn-string-alt: #818100; + --syn-escape: #f0f; + --syn-comment: #838183; + --syn-number: #b07e00; + --syn-preproc: #008200; + --syn-operator: #000; + --syn-interpolation: #0057ae; + --syn-linenum: #555; + --syn-error: #bf0303; + --syn-mark-bg: #ffb; + padding: 0em; margin: 0em; -} - -body { font-family: sans-serif; font-size: 10pt; - color: #333; - background: white; + color: var(--fg); + background: var(--bg); padding: 4px; } -a { - color: blue; +div#cgit a { + color: var(--blue); text-decoration: none; } -a:hover { +div#cgit a:hover { text-decoration: underline; } -table { - border-collapse: collapse; +div#cgit table { + border-collapse: collapse; } -table#header { +div#cgit table#header { width: 100%; margin-bottom: 1em; } -table#header td.logo { +div#cgit table#header td.logo { width: 96px; + vertical-align: top; } -table#header td.main { +div#cgit table#header td.main { font-size: 250%; padding-left: 10px; + white-space: nowrap; } -table#header td.main a { - color: #000; +div#cgit table#header td.main a { + color: var(--fg-strong); } -table#header td.form { +div#cgit table#header td.form { text-align: right; vertical-align: bottom; padding-right: 1em; padding-bottom: 2px; + white-space: nowrap; } -table#header td.form form, -table#header td.form input, -table#header td.form select { +div#cgit table#header td.form form, +div#cgit table#header td.form input, +div#cgit table#header td.form select { font-size: 90%; } -table#header td.sub { - color: #777; - border-top: solid 1px #ccc; +div#cgit table#header td.sub { + color: var(--fg-mute); + border-top: solid 1px var(--border); padding-left: 10px; } -table.tabs { - /* border-bottom: solid 2px #ccc; */ +div#cgit table.tabs { + border-bottom: solid 3px var(--border); border-collapse: collapse; margin-top: 2em; margin-bottom: 0px; width: 100%; } -table.tabs td { +div#cgit table.tabs td { padding: 0px 1em; vertical-align: bottom; } -table.tabs td a { +div#cgit table.tabs td a { padding: 2px 0.75em; - color: #777; + color: var(--fg-mute); font-size: 110%; } -table.tabs td a.active { - color: #000; - background-color: #ccc; +div#cgit table.tabs td a.active { + color: var(--fg-strong); + background-color: var(--bg-hl2); } -table.tabs td.form { +div#cgit table.tabs a[href^="http://"]:after, div#cgit table.tabs a[href^="https://"]:after { + content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAQAAAAnOwc2AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgAhcJDQY+gm2TAAAAHWlUWHRDb21tZW50AAAAAABDcmVhdGVkIHdpdGggR0lNUGQuZQcAAABbSURBVAhbY2BABs4MU4CwhYHBh2Erww4wrGFQZHjI8B8IgUIscJWyDHcggltQhI4zGDCcRwhChPggHIggP1QoAVmQkSETrGoHsiAEsACtBYN0oDAMbgU6EBcAAL2eHUt4XUU4AAAAAElFTkSuQmCC); + opacity: 0.5; + margin: 0 0 0 5px; +} + +div#cgit table.tabs td.form { text-align: right; } -table.tabs td.form form { +div#cgit table.tabs td.form form { padding-bottom: 2px; font-size: 90%; + white-space: nowrap; } -table.tabs td.form input, -table.tabs td.form select { +div#cgit table.tabs td.form input, +div#cgit table.tabs td.form select { font-size: 90%; } -div.content { +div#cgit div.path { + margin: 0px; + padding: 5px 2em 2px 2em; + color: var(--fg-strong); + background-color: var(--bg-hl); +} + +div#cgit div.content { margin: 0px; padding: 2em; - border-top: solid 3px #ccc; - border-bottom: solid 3px #ccc; + border-bottom: solid 3px var(--border); } -table.list { +div#cgit table.list { width: 100%; border: none; border-collapse: collapse; } -table.list tr { - background: white; +div#cgit table.list tr { + background: var(--bg); +} + +div#cgit table.list tr.logheader { + background: var(--bg-hl); +} + +div#cgit table.list tr:nth-child(even) { + background: var(--bg-zebra); +} + +div#cgit table.list tr:nth-child(odd) { + background: var(--bg); } -table.list tr:hover { - background: #eee; +div#cgit table.list tr:hover { + background: var(--bg-hl); } -table.list tr.nohover:hover { - background: white; +div#cgit table.list tr.nohover { + background: var(--bg); } -table.list th { +div#cgit table.list tr.nohover:hover { + background: var(--bg); +} + +div#cgit table.list tr.nohover-highlight:hover:nth-child(even) { + background: var(--bg-zebra); +} + +div#cgit table.list tr.nohover-highlight:hover:nth-child(odd) { + background: var(--bg); +} + +div#cgit table.list th { font-weight: bold; - /* color: #888; - border-top: dashed 1px #888; - border-bottom: dashed 1px #888; + /* color: var(--fg-dim); + border-top: dashed 1px var(--fg-dim); + border-bottom: dashed 1px var(--fg-dim); */ padding: 0.1em 0.5em 0.05em 0.5em; vertical-align: baseline; } -table.list td { +div#cgit table.list td { border: none; padding: 0.1em 0.5em 0.1em 0.5em; } -table.list td a { - color: black; +div#cgit table.list td.commitgraph { + font-family: monospace; + white-space: pre; } -table.list td a:hover { - color: #00f; +div#cgit table.list td.commitgraph .column1 { + color: var(--graph-col1); } -img { +div#cgit table.list td.commitgraph .column2 { + color: var(--graph-col2); +} + +div#cgit table.list td.commitgraph .column3 { + color: var(--graph-col3); +} + +div#cgit table.list td.commitgraph .column4 { + color: var(--graph-col4); +} + +div#cgit table.list td.commitgraph .column5 { + color: var(--graph-col5); +} + +div#cgit table.list td.commitgraph .column6 { + color: var(--graph-col6); +} + +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; +} + +div#cgit table.list td a { + color: var(--fg-strong); +} + +div#cgit table.list td a.ls-dir { + font-weight: bold; + color: var(--blue); +} + +div#cgit table.list td a:hover { + color: var(--blue); +} + +div#cgit img { border: none; } -input#switch-btn { +div#cgit input#switch-btn { margin: 2px 0px 0px 0px; } -td#sidebar input.txt { +div#cgit td#sidebar input.txt { width: 100%; margin: 2px 0px 0px 0px; } -table#grid { +div#cgit table#grid { margin: 0px; } -td#content { +div#cgit td#content { vertical-align: top; padding: 1em 2em 1em 1em; border: none; } -div#summary { +div#cgit div#summary { vertical-align: top; margin-bottom: 1em; } -table#downloads { +div#cgit table#downloads { float: right; border-collapse: collapse; - border: solid 1px #777; + border: solid 1px var(--border-dark); margin-left: 0.5em; margin-bottom: 0.5em; } -table#downloads th { - background-color: #ccc; +div#cgit table#downloads th { + background-color: var(--bg-hl2); } -div#blob { - border: solid 1px black; +div#cgit div#blob { + border: solid 1px var(--border-strong); } -div.error { - color: red; +div#cgit div.error { + color: var(--red); font-weight: bold; margin: 1em 2em; } -a.ls-blob, a.ls-dir, a.ls-mod { +div#cgit a.ls-blob, div#cgit a.ls-dir, div#cgit .ls-mod { font-family: monospace; } -td.ls-size { +div#cgit td.ls-size { text-align: right; font-family: monospace; width: 10em; } -td.ls-mode { +div#cgit td.ls-mode { font-family: monospace; width: 10em; } -table.blob { +div#cgit table.blob { margin-top: 0.5em; - border-top: solid 1px black; + border-top: solid 1px var(--border-strong); +} + +div#cgit table.blob td.hashes, +div#cgit table.blob td.lines { + margin: 0; padding: 0 0 0 0.5em; + vertical-align: top; + color: var(--fg-strong); } -table.blob td.no { - border-right: solid 1px black; - color: black; - background-color: #eee; +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(--fg-linenum); } -table.blob td.no a { - color: black; +div#cgit table.blob pre { + padding: 0; margin: 0; } -table.blob td.no a:hover { - color: black; +div#cgit table.blob td.linenumbers a, +div#cgit table.ssdiff td.lineno a { + color: var(--fg-linenum); + text-align: right; text-decoration: none; } -table.blob td.txt { +div#cgit table.blob td.linenumbers a:hover, +div#cgit table.ssdiff td.lineno a:hover { + color: var(--fg-strong); +} + +div#cgit table.blob td.linenumbers a:target:before { + color: var(--red); + content: "\2BA9"; +} + +div#cgit table.blame td.hashes, +div#cgit table.blame td.lines, +div#cgit table.blame td.linenumbers { + padding: 0; +} + +div#cgit table.blame td.hashes div.alt, +div#cgit table.blame td.lines div.alt { + padding: 0 0.5em 0 0.5em; +} + +div#cgit table.blame td.linenumbers div.alt { + padding: 0 0.5em 0 0; +} + +div#cgit table.blame div.alt:nth-child(even) { + background: var(--bg-hl); +} + +div#cgit table.blame div.alt:nth-child(odd) { + background: var(--bg); +} + +div#cgit table.blame td.lines > div { + position: relative; +} + +div#cgit table.blame td.lines > div > pre { + padding: 0 0 0 0.5em; + position: absolute; + top: 0; +} + +div#cgit table.blame .oid { + font-size: 100%; +} + +div#cgit table.bin-blob { + margin-top: 0.5em; + border: solid 1px var(--border-strong); +} + +div#cgit table.bin-blob th { + font-family: monospace; white-space: pre; + border: solid 1px var(--border-dark); + padding: 0.5em 1em; +} + +div#cgit table.bin-blob td { font-family: monospace; - padding-left: 0.5em; + white-space: pre; + border-left: solid 1px var(--border-dark); + padding: 0em 1em; } -table.nowrap td { +div#cgit table.nowrap td { white-space: nowrap; } -table.commit-info { +div#cgit table.commit-info { border-collapse: collapse; margin-top: 1.5em; } -table.commit-info th { +div#cgit div.cgit-panel { + float: right; + margin-top: 1.5em; +} + +div#cgit div.cgit-panel table { + border-collapse: collapse; + border: solid 1px var(--border-mid); + background-color: var(--bg-hl); +} + +div#cgit div.cgit-panel th { + text-align: center; +} + +div#cgit div.cgit-panel td { + padding: 0.25em 0.5em; +} + +div#cgit div.cgit-panel td.label { + padding-right: 0.5em; +} + +div#cgit div.cgit-panel td.ctrl { + padding-left: 0.5em; +} + +div#cgit table.commit-info th { text-align: left; font-weight: normal; padding: 0.1em 1em 0.1em 0.1em; vertical-align: top; } -table.commit-info td { +div#cgit table.commit-info td { font-weight: normal; padding: 0.1em 1em 0.1em 0.1em; } -div.commit-subject { +div#cgit div.commit-subject { font-weight: bold; font-size: 125%; margin: 1.5em 0em 0.5em 0em; padding: 0em; } -div.commit-msg { +div#cgit div.commit-msg { + white-space: pre; + font-family: monospace; +} + +div#cgit div.notes-header { + font-weight: bold; + padding-top: 1.5em; +} + +div#cgit div.notes { white-space: pre; font-family: monospace; + border: solid 1px var(--notes-border); + background-color: var(--notes-bg); + padding: 0.3em 2em 0.3em 1em; + float: left; +} + +div#cgit div.notes-footer { + clear: left; } -div.diffstat-header { +div#cgit div.diffstat-header { font-weight: bold; padding-top: 1.5em; } -table.diffstat { +div#cgit table.diffstat { border-collapse: collapse; - border: solid 1px #aaa; - background-color: #eee; + border: solid 1px var(--border-mid); + background-color: var(--bg-hl); } -table.diffstat th { +div#cgit table.diffstat th { font-weight: normal; text-align: left; text-decoration: underline; @@ -292,148 +561,482 @@ table.diffstat th { font-size: 100%; } -table.diffstat td { +div#cgit table.diffstat td { padding: 0.2em 0.2em 0.1em 0.1em; font-size: 100%; border: none; } -table.diffstat td.mode { +div#cgit table.diffstat td.mode { white-space: nowrap; } -table.diffstat td span.modechange { +div#cgit table.diffstat td span.modechange { padding-left: 1em; - color: red; + color: var(--red); } -table.diffstat td.add a { - color: green; +div#cgit table.diffstat td.add a { + color: var(--green); } -table.diffstat td.del a { - color: red; +div#cgit table.diffstat td.del a { + color: var(--red); } -table.diffstat td.upd a { - color: blue; +div#cgit table.diffstat td.upd a { + color: var(--blue); } -table.diffstat td.graph { +div#cgit table.diffstat td.graph { width: 500px; vertical-align: middle; } -table.diffstat td.graph table { +div#cgit table.diffstat td.graph table { border: none; } -table.diffstat td.graph td { +div#cgit table.diffstat td.graph td { padding: 0px; border: 0px; height: 7pt; } -table.diffstat td.graph td.add { - background-color: #5c5; +div#cgit table.diffstat td.graph td.add { + background-color: var(--graph-add-bg); } -table.diffstat td.graph td.rem { - background-color: #c55; +div#cgit table.diffstat td.graph td.rem { + background-color: var(--graph-rem-bg); } -div.diffstat-summary { - color: #888; +div#cgit div.diffstat-summary { + color: var(--fg-dim); padding-top: 0.5em; } -table.diff { +div#cgit table.diff { width: 100%; } -table.diff td { +div#cgit table.diff td { font-family: monospace; white-space: pre; } -table.diff td div.head { +div#cgit table.diff td div.head { font-weight: bold; margin-top: 1em; - color: black; + color: var(--fg-strong); } -table.diff td div.hunk { - color: #009; +div#cgit table.diff td div.hunk { + color: var(--blue-dark); } -table.diff td div.add { - color: green; +div#cgit table.diff td div.add { + color: var(--green); } -table.diff td div.del { - color: red; +div#cgit table.diff td div.del { + color: var(--red); } -.sha1 { +div#cgit .oid { font-family: monospace; font-size: 90%; } -.left { +div#cgit .left { text-align: left; } -.right { +div#cgit .right { text-align: right; } -table.list td.repogroup { +div#cgit table.list td.reposection { font-style: italic; - color: #888; + color: var(--fg-dim); } -a.button { +div#cgit a.button { font-size: 80%; padding: 0em 0.5em; } -a.primary { +div#cgit a.primary { font-size: 100%; } -a.secondary { +div#cgit a.secondary { font-size: 90%; } -td.toplevel-repo { +div#cgit td.toplevel-repo { } -table.list td.sublevel-repo { +div#cgit table.list td.sublevel-repo { padding-left: 1.5em; } -span.age-mins { +div#cgit ul.pager { + list-style-type: none; + text-align: center; + margin: 1em 0em 0em 0em; + padding: 0; +} + +div#cgit ul.pager li { + display: inline-block; + margin: 0.25em 0.5em; +} + +div#cgit ul.pager a { + color: var(--fg-mute); +} + +div#cgit ul.pager .current { + font-weight: bold; +} + +div#cgit span.age-mins { + font-weight: bold; + color: var(--green-mid); +} + +div#cgit span.age-hours { + color: var(--green-mid); +} + +div#cgit span.age-days { + color: var(--green-dark); +} + +div#cgit span.age-weeks { + color: var(--fg-mid); +} + +div#cgit span.age-months { + color: var(--fg-dim); +} + +div#cgit span.age-years { + color: var(--fg-faint); +} + +div#cgit span.insertions { + color: var(--green-mid); +} + +div#cgit span.deletions { + color: var(--red-dark); +} + +div#cgit div.footer { + margin-top: 0.5em; + text-align: center; + font-size: 80%; + color: var(--fg-faintest); +} + +div#cgit div.footer a { + color: var(--fg-faintest); + text-decoration: none; +} + +div#cgit div.footer a:hover { + text-decoration: underline; +} + +div#cgit a.branch-deco { + color: var(--fg-strong); + margin: 0px 0.5em; + padding: 0px 0.25em; + background-color: var(--deco-branch-bg); + border: solid 1px var(--deco-branch-border); + border-radius: 2px; +} + +div#cgit a.tag-deco { + color: var(--fg-strong); + margin: 0px 0.5em; + padding: 0px 0.25em; + background-color: var(--deco-tag-bg); + border: solid 1px var(--deco-tag-border); + border-radius: 2px; +} + +div#cgit a.tag-annotated-deco { + color: var(--fg-strong); + margin: 0px 0.5em; + padding: 0px 0.25em; + background-color: var(--deco-tag-annotated-bg); + border: solid 1px var(--deco-tag-annotated-border); + border-radius: 2px; +} + +div#cgit a.remote-deco { + color: var(--fg-strong); + margin: 0px 0.5em; + padding: 0px 0.25em; + background-color: var(--deco-remote-bg); + border: solid 1px var(--deco-remote-border); + border-radius: 2px; +} + +div#cgit a.deco { + color: var(--fg-strong); + margin: 0px 0.5em; + padding: 0px 0.25em; + background-color: var(--deco-other-bg); + border: solid 1px var(--deco-other-border); + border-radius: 2px; +} + +div#cgit div.commit-subject a.branch-deco, +div#cgit div.commit-subject a.tag-deco, +div#cgit div.commit-subject a.tag-annotated-deco, +div#cgit div.commit-subject a.remote-deco, +div#cgit div.commit-subject a.deco { + margin-left: 1em; + font-size: 75%; +} + +div#cgit table.stats { + border: solid 1px var(--border-strong); + border-collapse: collapse; +} + +div#cgit table.stats th { + text-align: left; + padding: 1px 0.5em; + background-color: var(--bg-hl); + border: solid 1px var(--border-strong); +} + +div#cgit table.stats td { + text-align: right; + padding: 1px 0.5em; + border: solid 1px var(--border-strong); +} + +div#cgit table.stats td.total { + font-weight: bold; + text-align: left; +} + +div#cgit table.stats td.sum { + color: var(--red-mid); + font-weight: bold; +/* background-color: var(--bg-hl); */ +} + +div#cgit table.stats td.left { + text-align: left; +} + +div#cgit table.vgraph { + border-collapse: separate; + border: solid 1px var(--border-strong); + height: 200px; +} + +div#cgit table.vgraph th { + background-color: var(--bg-hl); + font-weight: bold; + border: solid 1px var(--bg); + padding: 1px 0.5em; +} + +div#cgit table.vgraph td { + vertical-align: bottom; + padding: 0px 10px; +} + +div#cgit table.vgraph div.bar { + background-color: var(--bg-hl); +} + +div#cgit table.hgraph { + border: solid 1px var(--border-strong); + width: 800px; +} + +div#cgit table.hgraph th { + background-color: var(--bg-hl); font-weight: bold; - color: #080; + border: solid 1px var(--border-strong); + padding: 1px 0.5em; +} + +div#cgit table.hgraph td { + vertical-align: middle; + padding: 2px 2px; +} + +div#cgit table.hgraph div.bar { + background-color: var(--bg-hl); + height: 1em; +} + +div#cgit table.ssdiff { + width: 100%; +} + +div#cgit table.ssdiff td { + font-size: 75%; + font-family: monospace; + white-space: pre; + padding: 1px 4px 1px 4px; + border-left: solid 1px var(--border-mid); + border-right: solid 1px var(--border-mid); +} + +div#cgit table.ssdiff td.add { + color: var(--fg-on-tint); + background: var(--add-bg); + min-width: 50%; +} + +div#cgit table.ssdiff td.add_dark { + color: var(--fg-on-tint); + background: var(--add-bg-dark); + min-width: 50%; +} + +div#cgit table.ssdiff span.add { + background: var(--add-bg); + font-weight: bold; +} + +div#cgit table.ssdiff td.del { + color: var(--fg-on-tint); + background: var(--del-bg); + min-width: 50%; +} + +div#cgit table.ssdiff td.del_dark { + color: var(--fg-on-tint); + background: var(--del-bg-dark); + min-width: 50%; +} + +div#cgit table.ssdiff span.del { + background: var(--del-bg); + font-weight: bold; +} + +div#cgit table.ssdiff td.changed { + color: var(--fg-on-tint); + background: var(--changed-bg); + min-width: 50%; +} + +div#cgit table.ssdiff td.changed_dark { + color: var(--fg-on-tint); + background: var(--changed-bg-dark); + min-width: 50%; +} + +div#cgit table.ssdiff td.lineno { + color: var(--fg-on-tint); + background: var(--bg-hl); + text-align: right; + width: 3em; + min-width: 3em; +} + +div#cgit table.ssdiff td.hunk { + color: var(--fg-on-tint); + background: var(--hunk-bg); + border-top: solid 1px var(--border-mid); + border-bottom: solid 1px var(--border-mid); +} + +div#cgit table.ssdiff td.head { + border-top: solid 1px var(--border-mid); + border-bottom: solid 1px var(--border-mid); +} + +div#cgit table.ssdiff td.head div.head { + font-weight: bold; + color: var(--fg-on-tint); +} + +div#cgit table.ssdiff td.foot { + border-top: solid 1px var(--border-mid); + border-left: none; + border-right: none; + border-bottom: none; +} + +div#cgit table.ssdiff td.space { + border: none; +} + +div#cgit table.ssdiff td.space div { + min-height: 3em; +} + +div#cgit .hl.kwa, +div#cgit .hl.kwc { + color: var(--syn-keyword); + font-weight: bold; +} + +div#cgit .hl.kwb { + color: var(--syn-keyword-alt); +} + +div#cgit .hl.kwd { + color: var(--syn-type); +} + +div#cgit .hl.str { + color: var(--syn-string); +} + +div#cgit .hl.dstr, +div#cgit .hl.pps { + color: var(--syn-string-alt); +} + +div#cgit .hl.esc { + color: var(--syn-escape); +} + +div#cgit .hl.com, +div#cgit .hl.slc { + color: var(--syn-comment); + font-style: italic; +} + +div#cgit .hl.num { + color: var(--syn-number); } -span.age-hours { - color: #080; +div#cgit .hl.dir, +div#cgit .hl.ppc { + color: var(--syn-preproc); } -span.age-days { - color: #040; +div#cgit .hl.opt, +div#cgit .hl.sym { + color: var(--syn-operator); } -span.age-weeks { - color: #444; +div#cgit .hl.ipl { + color: var(--syn-interpolation); } -span.age-months { - color: #888; +div#cgit .hl.lin, +div#cgit .hl.line { + color: var(--syn-linenum); } -span.age-years { - color: #bbb; +div#cgit .hl.mark { + background-color: var(--syn-mark-bg); } |