summaryrefslogtreecommitdiff
path: root/cgit.css
diff options
context:
space:
mode:
Diffstat (limited to 'cgit.css')
-rw-r--r--cgit.css969
1 files changed, 595 insertions, 374 deletions
diff --git a/cgit.css b/cgit.css
index 52f60fa..a120dd4 100644
--- a/cgit.css
+++ b/cgit.css
@@ -1,229 +1,92 @@
-@font-face {
- font-family: "Kode Mono";
- src: url("./font.ttf") format("truetype");
-}
-
-html {
- --base: #151617;
- --base-2: #1d2123;
- --base-3: #2a3039;
- --text: #d2e7efff;
- --code: #1d2123;
- --code-text: #abd1de;
- --accent: #278db6;
- font-family: "Kode Mono", monospace;
-}
-* {
- font-family: "Kode Mono", monospace;
-}
-
-*:target {
- animation: flash 1s ease-in forwards;
-}
-
-@keyframes flash {
- 0% {
- background: var(--base-3);
- }
+/* CSS taken from https://git.symlinx.net/ with color changes */
- 100% {
- background: transparent;
- }
-}
-
-body {
- background: var(--base);
- color: var(--text);
- margin: 0;
- padding: 0.5rem;
-}
-
-a {
- color: var(--code-text);
- padding: 0.2rem;
-}
-
-a.active,
-a:focus,
-a:hover {
- background: var(--text);
- color: var(--base);
-}
-td.logo a:hover {
- background: transparent;
- color: var(--text);
- padding: 0.2rem;
- text-decoration: none;
-}
+* {
+ --cl-black: hsl(210, 10%, 9%); /* #151617 */
+ --cl-gray-0: hsl(210, 12%, 12%);
+ --cl-gray-1: hsl(210, 14%, 15%); /* ~#1d2123 */
+ --cl-gray-2: hsl(214, 15%, 21%); /* ~#2a3039 */
+ --cl-gray-3: hsl(214, 13%, 29%);
+ --cl-gray-4: hsl(214, 11%, 39%);
+ --cl-gray-5: hsl(214, 10%, 49%);
+ --cl-gray-6: hsl(210, 14%, 59%);
+ --cl-gray-7: hsl(205, 18%, 69%);
+ --cl-gray-8: hsl(202, 24%, 77%);
+ --cl-gray-9: hsl(200, 35%, 86%);
+ --cl-gray-10: hsl(198, 42%, 91%);
+ --cl-white: hsl(197, 48%, 88%); /* ~#d2e7ef */
-header {
- background: repeating-linear-gradient(45deg,var(--base) 0rem,var(--base) 1rem,var(--base-2) 1rem,var(--base-2) 2rem);
- border: var(--base-2) 1px solid;
- padding-inline: 0.4rem;
- max-width: 80ch;
- height: 4rem;
- margin-inline: auto;
- display: flex;
- justify-content: space-between;
- align-items: center;
-}
-header h1 {
- padding: 0;
- margin: 0;
-}
-header .logo {
- display: flex;
- align-items: center;
- gap: 0.5rem;
- padding-inline: 0.5rem;
-}
+ --cl-red-6: hsl(6, 75%, 63%);
+ --cl-red-7: hsl(6, 70%, 74%);
-header .logo::before,
-header .logo::after {
- content: none;
-}
-header .logo svg {
- height: 2rem;
- width: auto;
-}
+ --cl-orange-6: hsl(28, 82%, 63%);
+ --cl-range-7: hsl(28, 80%, 74%);
-nav ul {
- padding: 0;
- margin: 0;
- display: flex;
- justify-content: right;
- list-style: none;
- font-size: large;
- gap: 0.4rem;
-}
-/*
-header a::after {display: none;}
-header li a::after {
- display: block;
- top: 50%; left: -0.2rem; width: 1px; height: 50%; transform: translate(-50%, -50%);
- opacity: 50%;
-}
-header li:first-child a::after {display: none;}
-*/
+ --cl-yellow: hsl(45, 85%, 68%);
-main {
- max-width: 70ch;
- margin-inline: auto;
-}
+ --cl-green-6: hsl(145, 40%, 60%);
+ --cl-green-7: hsl(145, 40%, 72%);
-code:not([class*="language-"]) {
- background-color: var(--code);
- color: var(--code-text);
- padding: 0.2rem;
- border-radius: 0;
-}
-pre[class*="language-"] {
- position: relative;
- padding: 1.5rem 1rem;
- overflow-x: auto;
- border-radius: 0;
- font-family: "JetBrains Mono", monospace;
-}
-pre[class*="language-"] * {
- font-family: "JetBrains Mono", monospace;
-}
+ --cl-cyan-6: hsl(185, 45%, 60%);
+ --cl-cyan-7: hsl(185, 40%, 72%);
-footer {
- max-width: 80ch;
- margin-inline: auto;
- margin-top: 4rem;
-}
-footer .social {
- margin-top: 1rem;
- max-width: fit-content;
- display: flex;
- gap: 0.2rem;
- margin-inline: auto;
- flex-wrap: wrap;
- justify-content: center;
-}
+ --cl-blue-6: hsl(200, 65%, 43%); /* ~#278db6 */
+ --cl-blue-8: hsl(200, 60%, 75%);
-.my-age {
- cursor:help;
+ --cl-magenta-7: hsl(310, 45%, 70%);
+ --cl-magenta-8: hsl(310, 42%, 80%);
}
-
-picture {
- display: block;
- text-align: center;
- max-width: 100%;
- margin-block: 2rem;
-}
-picture img {
- max-width: 100%;
- box-shadow:
- var(--base) 0.2rem 0.2rem 0px,
- var(--text) 0.6rem 0.6rem 0px,
- var(--base) -0.2rem -0.2rem 0px,
- var(--text) -0.6rem -0.6rem 0px
- ;
- border-radius: 0rem;
-}
-
-div#cgit div.content {
- border-bottom: solid 3px var(--text);
-}
-
-input,
-button,
-select,
-textarea {
- font: "Kode Mono";
- color: var(--text);
- background: var(--base);
- border: 1px solid var(--text);
+body {
+ color: var(--cl-white);
+ background: var(--cl-gray-0);
}
-input:hover,
-button:hover,
-select:hover,
-input:focus,
-button:focus,
-select:focus,
-textarea:focus
-textarea:hover {
- color: var(--base);
- background: var(--text);
+.markdown-body code, .highlight, {
+ color: var(--cl-white) !important;
+ background-color: var(--cl-black) !important;
+ border: 1px solid var(--cl-gray-3) !important;
+ border-radius: 0px;
}
div#cgit {
+ padding: 0em;
+ margin: 0em;
+ font-family: "Roboto Mono", monospace;
+ font-size: 10pt;
padding: 4px;
- margin: 0;
- font-family: sans-serif;
- font-size: 10pt
}
div#cgit a {
- text-decoration: none
+ color: var(--cl-blue-6);
+ text-decoration: none;
}
div#cgit a:hover {
- text-decoration: underline
+ text-decoration: underline;
}
div#cgit table {
- border-collapse: collapse
+ border-collapse: collapse;
}
div#cgit table#header {
width: 100%;
- margin-bottom: 1em
+ margin-bottom: 1em;
}
div#cgit table#header td.logo {
width: 96px;
- vertical-align: top
+ vertical-align: top;
}
div#cgit table#header td.main {
font-size: 250%;
padding-left: 10px;
- white-space: nowrap
+ white-space: nowrap;
+}
+
+div#cgit table#header td.main a {
+ color: var(--cl-white);
}
div#cgit table#header td.form {
@@ -231,427 +94,671 @@ div#cgit table#header td.form {
vertical-align: bottom;
padding-right: 1em;
padding-bottom: 2px;
- white-space: nowrap
+ white-space: nowrap;
}
div#cgit table#header td.form form,
div#cgit table#header td.form input,
div#cgit table#header td.form select {
- font-size: 90%
+ font-size: 90%;
+}
+
+div#cgit table#header td.sub {
+ color: var(--cl-gray-7);
+ border-top: solid 2px var(--cl-gray-3);
+ padding-left: 10px;
}
div#cgit table.tabs {
- border-bottom: 3px solid;
+ border-bottom: solid 0px var(--cl-gray-3);
+ background-color: var(--cl-gray-1);
+ border-collapse: collapse;
margin-top: 2em;
- margin-bottom: 0;
- width: 100%
+ margin-bottom: 0px;
+ width: 100%;
}
div#cgit table.tabs td {
- padding: 0 1em;
- vertical-align: bottom
+ padding: 0.5em;
+ vertical-align: center;
}
div#cgit table.tabs td a {
- padding: 2px .75em;
- font-size: 110%
+ padding: 6px 0.75em;
+ margin: 0.25em;
+ color: var(--cl-gray-5);
+ font-size: 110%;
+}
+
+div#cgit table.tabs td a.active {
+ color: var(--cl-black);
+ background-color: var(--cl-blue-6);
+}
+
+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
+ text-align: right;
}
div#cgit table.tabs td.form form {
- padding-bottom: 2px;
+ padding: 4px;
font-size: 90%;
- white-space: nowrap
+ white-space: nowrap;
}
div#cgit table.tabs td.form input,
div#cgit table.tabs td.form select {
- font-size: 90%
+ font-size: 90%;
+ background-color: var(--cl-gray-2);
+ color: var(--cl-white);
}
div#cgit div.path {
- margin: 0;
- padding: 5px 2em 2px
+ margin: 0px;
+ padding: 5px 2em 2px 2em;
+ color: var(--cl-white);
+ background-color: var(--cl-gray-1);
}
div#cgit div.content {
- margin: 0;
+ margin: 0px;
padding: 2em;
- border-bottom: 3px solid
+ border-bottom: solid 3px var(--cl-gray-3);
}
+
div#cgit table.list {
width: 100%;
border: none;
- border-collapse: collapse
+ border-collapse: collapse;
+}
+
+div#cgit table.list tr {
+ background: var(--cl-gray-0);
+}
+
+div#cgit table.list tr.logheader {
+ background: var(--cl-gray-1);
+}
+
+div#cgit table.list tr:nth-child(even) {
+ background: var(--cl-gray-2);
+}
+
+div#cgit table.list tr:nth-child(odd) {
+ background: var(--cl-gray-1);
+}
+
+div#cgit table.list tr:hover {
+ background: var(--cl-gray-1);
+}
+
+div#cgit table.list tr.nohover {
+ background: var(--cl-gray-0);
}
-div#cgit table.list tr:nth-child(even),
-div#cgit table.list tr:nth-child(odd),
-div#cgit table.list tr,
-div#cgit table.list tr.nohover,
div#cgit table.list tr.nohover:hover {
- background: none
+ background: var(--cl-gray-0);
+}
+
+div#cgit table.list tr.nohover-highlight:hover:nth-child(even) {
+ background: var(--cl-gray-1);
+}
+
+div#cgit table.list tr.nohover-highlight:hover:nth-child(odd) {
+ background: var(--cl-gray-0);
}
div#cgit table.list th {
font-weight: bold;
- padding: .1em .5em .05em;
- vertical-align: baseline
+ /* color: var(--cl-gray-6);
+ border-top: dashed 2px var(--cl-gray-6);
+ border-bottom: dashed 2px var(--cl-gray-6);
+ */
+ padding: 0.1em 0.5em 0.05em 0.5em;
+ vertical-align: baseline;
}
div#cgit table.list td {
border: none;
- padding: .1em .5em
+ padding: 1.1em 0.5em 1.1em 2em;
}
div#cgit table.list td.commitgraph {
- font-family: monospace;
- white-space: pre
+ font-family: "Roboto Mono", monospace;
+ white-space: pre;
+}
+
+div#cgit table.list td.commitgraph .column1 {
+ color: var(--cl-red-6);
+}
+
+div#cgit table.list td.commitgraph .column2 {
+ color: var(--cl-green-6);
+}
+
+div#cgit table.list td.commitgraph .column3 {
+ color: var(--cl-orange-6);
+}
+
+div#cgit table.list td.commitgraph .column4 {
+ color: var(--cl-blue-6);
+}
+
+div#cgit table.list td.commitgraph .column5 {
+ color: var(--cl-magenta-7);
+}
+
+div#cgit table.list td.commitgraph .column6 {
+ color: var(--cl-cyan-6);
}
div#cgit table.list td.logsubject {
- font-family: monospace;
- font-weight: bold
+ font-family: "Roboto Mono", monospace;
+ font-weight: bold;
}
div#cgit table.list td.logmsg {
- font-family: monospace;
+ font-family: "Roboto Mono", monospace;
white-space: pre;
- padding: 0 .5em
+ padding: 0 0.5em;
+}
+
+div#cgit table.list td a {
+ color: var(--cl-white);
+}
+
+div#cgit table.list td a.ls-dir {
+ font-weight: bold;
+ color: var(--cl-blue-6);
}
-div#cgit table.list td a:hover {}
+div#cgit table.list td a:hover {
+ color: var(--cl-blue-6);
+}
div#cgit img {
- border: none
+ border: none;
}
div#cgit input#switch-btn {
- margin: 2px 0 0
+ margin: 2px 0px 0px 0px;
}
div#cgit td#sidebar input.txt {
width: 100%;
- margin: 2px 0 0
+ margin: 2px 0px 0px 0px;
}
div#cgit table#grid {
- margin: 0
+ margin: 0px;
}
div#cgit td#content {
vertical-align: top;
padding: 1em 2em 1em 1em;
- border: none
+ border: none;
}
div#cgit div#summary {
- margin-bottom: 1em
+ vertical-align: top;
+ margin-bottom: 1em;
}
div#cgit table#downloads {
float: right;
border-collapse: collapse;
- border: 1px solid;
- margin-left: .5em;
- margin-bottom: .5em
+ border: solid 2px var(--cl-gray-5);
+ margin-left: 0.5em;
+ margin-bottom: 0.5em;
+}
+
+div#cgit table#downloads th {
+ background-color: var(--cl-gray-9);
}
div#cgit div#blob {
- border: 1px solid
+ border: solid 2px var(--cl-white);
}
div#cgit div.error {
+ color: var(--cl-red-6);
font-weight: bold;
- margin: 1em 2em
+ 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,
-div#cgit td.ls-mode {
- font-family: monospace
+div#cgit a.ls-blob, div#cgit a.ls-dir, div#cgit .ls-mod {
+ font-family: "Roboto Mono", monospace;
}
div#cgit td.ls-size {
text-align: right;
- width: 10em
+ font-family: "Roboto Mono", monospace;
+ width: 10em;
}
div#cgit td.ls-mode {
- width: 10em
+ font-family: "Roboto Mono", monospace;
+ width: 10em;
}
div#cgit table.blob {
- margin-top: .5em;
- border-top: 1px solid
+ margin-top: 0.5em;
+ border-top: solid 2px var(--cl-white);
}
div#cgit table.blob td.hashes,
div#cgit table.blob td.lines {
- margin: 0;
- padding: 0 0 0 .5em;
- vertical-align: top
+ margin: 0; padding: 0 0 0 0.5em;
+ vertical-align: top;
+ color: var(--cl-white);
}
div#cgit table.blob td.linenumbers {
- margin: 0;
- padding: 0 .5em;
+ margin: 0; padding: 0 0.5em 0 0.5em;
+ vertical-align: top;
text-align: right;
- border-right: 1px solid
+ border-right: 2px solid gray;
}
div#cgit table.blob pre {
- padding: 0;
- margin: 0
+ padding: 0; margin: 0;
+}
+
+div#cgit table.blob td.linenumbers a,
+div#cgit table.ssdiff td.lineno a {
+ color: gray;
+ text-align: right;
+ text-decoration: none;
+}
+
+div#cgit table.blob td.linenumbers a:hover,
+div#cgit table.ssdiff td.lineno a:hover {
+ color: var(--cl-white);
}
div#cgit table.blame td.hashes,
div#cgit table.blame td.lines,
div#cgit table.blame td.linenumbers {
- padding: 0
+ padding: 0;
}
div#cgit table.blame td.hashes div.alt,
div#cgit table.blame td.lines div.alt {
- padding: 0 .5em
+ padding: 0 0.5em 0 0.5em;
}
div#cgit table.blame td.linenumbers div.alt {
- padding: 0 .5em 0 0
+ padding: 0 0.5em 0 0;
+}
+
+div#cgit table.blame div.alt:nth-child(even) {
+ background: var(--cl-gray-1);
+}
+
+div#cgit table.blame div.alt:nth-child(odd) {
+ background: white;
}
-div#cgit table.blame td.lines>div {
- position: relative
+div#cgit table.blame td.lines > div {
+ position: relative;
}
-div#cgit table.blame td.lines>div>pre {
- padding: 0 0 0 .5em;
+div#cgit table.blame td.lines > div > pre {
+ padding: 0 0 0 0.5em;
position: absolute;
- top: 0
+ top: 0;
}
div#cgit table.bin-blob {
- margin-top: .5em;
- border: 1px solid
+ margin-top: 0.5em;
+ border: solid 2px var(--cl-white);
}
div#cgit table.bin-blob th {
- font-family: monospace;
+ font-family: "Roboto Mono", monospace;
white-space: pre;
- border: 1px solid;
- padding: .5em 1em
+ border: solid 2px var(--cl-gray-5);
+ padding: 0.5em 1em;
}
div#cgit table.bin-blob td {
- font-family: monospace;
+ font-family: "Roboto Mono", monospace;
white-space: pre;
- border-left: 1px solid;
- padding: 0 1em
+ border-left: solid 2px var(--cl-gray-5);
+ padding: 0em 1em;
}
div#cgit table.nowrap td {
- white-space: nowrap
+ white-space: nowrap;
}
div#cgit table.commit-info {
border-collapse: collapse;
- margin-top: 1.5em
+ margin-top: 1.5em;
}
div#cgit div.cgit-panel {
float: right;
- margin-top: 1.5em
+ margin-top: 1.5em;
}
div#cgit div.cgit-panel table {
border-collapse: collapse;
- border: 1px solid
+ border: solid 2px var(--cl-gray-7);
+ background-color: var(--cl-gray-1);
+}
+
+div#cgit div.cgit-panel th {
+ text-align: center;
}
div#cgit div.cgit-panel td {
- padding: .25em .5em
+ padding: 0.25em 0.5em;
}
div#cgit div.cgit-panel td.label {
- padding-right: .5em
+ padding-right: 0.5em;
}
div#cgit div.cgit-panel td.ctrl {
- padding-left: .5em
+ 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;
}
-div#cgit table.commit-info th,
div#cgit table.commit-info td {
- padding: .1em 1em .1em .1em;
- font-weight: normal
+ font-weight: normal;
+ padding: 0.1em 1em 0.1em 0.1em;
}
div#cgit div.commit-subject {
font-weight: bold;
font-size: 125%;
- margin: 1.5em 0 .5em
+ margin: 1.5em 0em 0.5em 0em;
+ padding: 0em;
}
div#cgit div.commit-msg {
white-space: pre;
- font-family: monospace
+ font-family: "Roboto Mono", monospace;
}
div#cgit div.notes-header {
font-weight: bold;
- padding-top: 1.5em
+ padding-top: 1.5em;
}
div#cgit div.notes {
white-space: pre;
- font-family: monospace;
- border: 1px solid;
- padding: .3em 2em .3em 1em;
- float: left
+ font-family: "Roboto Mono", monospace;
+ border: solid 2px #ee9;
+ background-color: #ffd;
+ padding: 0.3em 2em 0.3em 1em;
+ float: left;
}
div#cgit div.notes-footer {
- clear: left
+ clear: left;
}
div#cgit div.diffstat-header {
font-weight: bold;
- padding-top: 1.5em
+ padding-top: 1.5em;
}
div#cgit table.diffstat {
border-collapse: collapse;
- border: 1px solid
+ border: solid 2px var(--cl-gray-7);
+ background-color: var(--cl-gray-1);
}
div#cgit table.diffstat th {
font-weight: normal;
text-align: left;
text-decoration: underline;
- padding: .1em 1em .1em .1em
+ padding: 0.1em 1em 0.1em 0.1em;
+ font-size: 100%;
}
div#cgit table.diffstat td {
- padding: .2em .2em .1em .1em
+ padding: 0.2em 0.2em 0.1em 0.1em;
+ font-size: 100%;
+ border: none;
}
div#cgit table.diffstat td.mode {
- white-space: nowrap
+ white-space: nowrap;
+}
+
+div#cgit table.diffstat td span.modechange {
+ padding-left: 1em;
+ color: var(--cl-red-6);
+}
+
+div#cgit table.diffstat td.add a {
+ color: var(--cl-green-6);
+}
+
+div#cgit table.diffstat td.del a {
+ color: var(--cl-red-6);
+}
+
+div#cgit table.diffstat td.upd a {
+ color: var(--cl-orange-6);
}
div#cgit table.diffstat td.graph {
width: 500px;
- vertical-align: middle
+ vertical-align: middle;
}
div#cgit table.diffstat td.graph table {
- border: none
+ border: none;
}
div#cgit table.diffstat td.graph td {
- padding: 0;
- border: 0;
- height: 7pt
+ padding: 0px;
+ border: 0px;
+ height: 7pt;
+}
+
+div#cgit table.diffstat td.graph td.add {
+ background-color: var(--cl-green-6);
+}
+
+div#cgit table.diffstat td.graph td.rem {
+ background-color: var(--cl-red-6);
}
div#cgit div.diffstat-summary {
- padding-top: .5em
+ color: var(--cl-gray-6);
+ padding-top: 0.5em;
}
div#cgit table.diff {
- width: 100%
+ width: 100%;
}
div#cgit table.diff td {
- font-family: monospace;
- white-space: pre
+ font-family: "Roboto Mono", monospace;
+ white-space: pre;
}
div#cgit table.diff td div.head {
font-weight: bold;
- margin-top: 1em
+ margin-top: 1em;
+ color: var(--cl-white);
}
-div#cgit table.diff td div.hunk {}
+div#cgit table.diff td div.hunk {
+ color: var(--cl-blue-6);
+}
-div#cgit table.diff td div.add {}
+div#cgit table.diff td div.add {
+ color: var(--cl-green-6);
+}
-div#cgit table.diff td div.del {}
+div#cgit table.diff td div.del {
+ color: var(--cl-red-6);
+}
-div#cgit .oid {
- font-family: monospace;
- font-size: 90%
+div#cgit .sha1 {
+ font-family: "Roboto Mono", monospace;
+ font-size: 90%;
}
div#cgit .left {
- text-align: left
+ text-align: left;
}
div#cgit .right {
- text-align: right
+ text-align: right;
+}
+
+div#cgit table.list td.reposection {
+ font-style: italic;
+ color: var(--cl-gray-6);
+}
+
+div#cgit a.button {
+ font-size: 80%;
+ padding: 0em 0.5em;
+}
+
+div#cgit a.primary {
+ font-size: 100%;
+}
+
+div#cgit a.secondary {
+ font-size: 90%;
+}
+
+div#cgit td.toplevel-repo {
+
}
div#cgit table.list td.sublevel-repo {
- padding-left: 1.5em
+ padding-left: 1.5em;
}
div#cgit ul.pager {
list-style-type: none;
text-align: center;
- margin: 1em 0 0;
- padding: 0
+ margin: 1em 0em 0em 0em;
+ padding: 0;
}
div#cgit ul.pager li {
display: inline-block;
- margin: .25em .5em
+ margin: 0.25em 0.5em;
+}
+
+div#cgit ul.pager a {
+ color: var(--cl-gray-5);
}
div#cgit ul.pager .current {
- font-weight: bold
+ font-weight: bold;
+}
+
+div#cgit span.age-mins {
+ font-weight: bold;
+ color: var(--cl-green-6);
}
-div#cgit span.age-mins,
-div#cgit span.age-hours,
-div#cgit span.age-days,
-div#cgit span.age-weeks,
-div#cgit span.age-months,
-div#cgit span.age-years,
-div#cgit span.insertions,
-div#cgit span.deletions {}
+div#cgit span.age-hours {
+ color: var(--cl-green-6);
+}
+
+div#cgit span.age-days {
+ color: var(--cl-green-6);
+}
+
+div#cgit span.age-weeks {
+ color: var(--cl-gray-3);
+}
+
+div#cgit span.age-months {
+ color: var(--cl-gray-6);
+}
+
+div#cgit span.age-years {
+ color: var(--cl-gray-8);
+}
+
+div#cgit span.insertions {
+ color: var(--cl-green-6);
+}
+
+div#cgit span.deletions {
+ color: var(--cl-red-6);
+}
div#cgit div.footer {
- margin-top: .5em;
+ margin-top: 0.5em;
text-align: center;
- font-size: 80%
+ font-size: 80%;
+ color: var(--cl-white);
}
div#cgit div.footer a {
- text-decoration: none
+ color: var(--cl-gray-9);
+ text-decoration: none;
}
div#cgit div.footer a:hover {
- text-decoration: underline
+ text-decoration: underline;
+}
+
+div#cgit a.branch-deco {
+ color: var(--cl-white);
+ margin: 0px 0.5em;
+ padding: 0px 0.25em;
+ background-color: var(--cl-black);
+ border: solid 2px var(--cl-green-6);
+}
+
+div#cgit a.tag-deco {
+ color: var(--cl-white);
+ margin: 0px 0.5em;
+ padding: 0px 0.25em;
+ background-color: var(--cl-black);
+ border: solid 2px var(--cl-gray-5)700;
+}
+
+div#cgit a.tag-annotated-deco {
+ color: var(--cl-white);
+ margin: 0px 0.5em;
+ padding: 0px 0.25em;
+ background-color: var(--cl-black);
+ border: solid 2px var(--cl-gray-5)700;
+}
+
+div#cgit a.remote-deco {
+ color: var(--cl-white);
+ margin: 0px 0.5em;
+ padding: 0px 0.25em;
+ background-color: var(--cl-black);
+ border: solid 2px var(--cl-blue-6);
}
-div#cgit a.branch-deco,
-div#cgit a.tag-deco,
-div#cgit a.tag-annotated-deco,
-div#cgit a.remote-deco,
div#cgit a.deco {
- margin: 0 .5em;
- padding: 0 .25em;
- border: 1px solid;
- border-radius: 2px
+ color: var(--cl-white);
+ margin: 0px 0.5em;
+ padding: 0px 0.25em;
+ background-color: var(--cl-black);
+ border: solid 2px var(--cl-red-6);
}
div#cgit div.commit-subject a.branch-deco,
@@ -660,95 +767,209 @@ 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%
+ font-size: 75%;
}
div#cgit table.stats {
- border: 1px solid;
- border-collapse: collapse
+ border: solid 2px black;
+ border-collapse: collapse;
+}
+
+div#cgit table.stats th {
+ text-align: left;
+ padding: 2px 0.5em;
+ background-color: var(--cl-gray-1);
+ border: solid 2px black;
}
-div#cgit table.stats th,
div#cgit table.stats td {
- border: 1px solid;
- padding: 1px .5em;
- text-align: left
+ text-align: right;
+ padding: 2px 0.5em;
+ border: solid 2px black;
}
div#cgit table.stats td.total {
- font-weight: bold
+ font-weight: bold;
+ text-align: left;
}
div#cgit table.stats td.sum {
- font-weight: bold
+ color: var(--cl-red-6);
+ font-weight: bold;
+/* background-color: var(--cl-gray-1); */
+}
+
+div#cgit table.stats td.left {
+ text-align: left;
}
div#cgit table.vgraph {
border-collapse: separate;
- border: 1px solid;
- height: 200px
+ border: solid 2px black;
+ height: 200px;
}
div#cgit table.vgraph th {
- border: 1px solid;
- padding: 1px .5em
+ background-color: var(--cl-gray-1);
+ font-weight: bold;
+ border: solid 2px white;
+ padding: 2px 0.5em;
}
div#cgit table.vgraph td {
vertical-align: bottom;
- padding: 0 10px
+ padding: 0px 10px;
+}
+
+div#cgit table.vgraph div.bar {
+ background-color: var(--cl-gray-1);
}
div#cgit table.hgraph {
- border: 1px solid;
- width: 800px
+ border: solid 2px black;
+ width: 800px;
}
div#cgit table.hgraph th {
- border: 1px solid;
- padding: 1px .5em
+ background-color: var(--cl-gray-1);
+ font-weight: bold;
+ border: solid 2px black;
+ padding: 2px 0.5em;
}
div#cgit table.hgraph td {
vertical-align: middle;
- padding: 2px
+ padding: 2px 2px;
+}
+
+div#cgit table.hgraph div.bar {
+ background-color: var(--cl-gray-1);
+ height: 1em;
}
div#cgit table.ssdiff {
- width: 100%
+ width: 100%;
}
div#cgit table.ssdiff td {
font-size: 75%;
- font-family: monospace;
+ font-family: "Roboto Mono", monospace;
white-space: pre;
- padding: 1px 4px;
- border-left: 1px solid;
- border-right: 1px solid
+ padding: 2px 4px 2px 4px;
+ border-left: solid 2px var(--cl-gray-7);
+ border-right: solid 2px var(--cl-gray-7);
+}
+
+div#cgit table.ssdiff td.add {
+ color: var(--cl-green-6);
+ background: var(--cl-black);
+ min-width: 50%;
+}
+
+div#cgit table.ssdiff td.add_dark {
+ color: var(--cl-green-6);
+ background: var(--cl-black);
+ min-width: 50%;
+}
+
+div#cgit table.ssdiff span.add {
+ background: var(--cl-black);
+ font-weight: bold;
}
-div#cgit table.ssdiff td.add,
-div#cgit table.ssdiff td.add_dark,
-div#cgit table.ssdiff td.del,
-div#cgit table.ssdiff td.del_dark,
-div#cgit table.ssdiff td.changed,
-div#cgit table.ssdiff td.changed_dark,
-div#cgit table.ssdiff td.lineno,
-div#cgit table.ssdiff td.hunk,
-div#cgit table.ssdiff td.head,
-div#cgit table.ssdiff td.foot,
-div#cgit table.ssdiff td.space {}
+div#cgit table.ssdiff td.del {
+ color: var(--cl-red-6);
+ background: var(--cl-black);
+ min-width: 50%;
+}
+
+div#cgit table.ssdiff td.del_dark {
+ color: var(--cl-red-6);
+ background: var(--cl-black);
+ min-width: 50%;
+}
+
+div#cgit table.ssdiff span.del {
+ background: var(--cl-black);
+ font-weight: bold;
+}
+
+div#cgit table.ssdiff td.changed {
+ color: var(--cl-orange-6);
+ background: var(--cl-black);
+ min-width: 50%;
+}
+
+div#cgit table.ssdiff td.changed_dark {
+ color: var(--cl-orange-6);
+ background: var(--cl-black);
+ min-width: 50%;
+}
div#cgit table.ssdiff td.lineno {
+ color: var(--cl-white);
+ background: var(--cl-gray-1);
text-align: right;
width: 3em;
- min-width: 3em
+ min-width: 3em;
+}
+
+div#cgit table.ssdiff td.hunk {
+ color: var(--cl-blue-6);
+ background: var(--cl-black);
+ border-top: solid 2px var(--cl-gray-7);
+ border-bottom: solid 2px var(--cl-gray-7);
+}
+
+div#cgit table.ssdiff td.head {
+ border-top: solid 2px var(--cl-gray-7);
+ border-bottom: solid 2px var(--cl-gray-7);
+}
+
+div#cgit table.ssdiff td.head div.head {
+ font-weight: bold;
+ color: var(--cl-white);
+}
+
+div#cgit table.ssdiff td.foot {
+ border-top: solid 2px var(--cl-gray-7);
+ 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
+ min-height: 3em;
}
-div#cgit .right {
- text-align: right
+div#cgit table#header td.form form, div#cgit table#header td.form input, div#cgit table#header td.form select {
+ font-size: 90%;
+ background-color: var(--cl-gray-0);
+ color: var(--cl-white);
+ border: none;
}
+
+div#cgit table.tabs td.form input, div#cgit table.tabs td.form select {
+ font-size: 90%;
+ background-color: var(--cl-gray-2);
+ color: var(--cl-white);
+ border: 2px solid var(--cl-gray-3);
+ padding: 0.4em;
+}
+
+a:link {
+ color: var(--cl-blue-6);
+ padding: 4px 8px;
+}
+a:visited, a:active {
+ color: var(--cl-green-6);
+}
+a:hover {
+ color: var(--cl-black) !important;
+ background-color: var(--cl-blue-8);
+}
+
generated by cgit (orig) 2026-07-09 13:05:52 +0000