--link-visited: #e7b788;
--border: 34,40,49,0.035;
--accent: #FD7014;
- --svg-color: navy;
- --file-icon: url("file.svg");
- --dir-icon: url("folder.svg");
- --ref-icon: url("commit.svg");
- --tag-icon: url("tag.svg");
- --branch-icon: url("merge.svg");
+ --file-icon: url("file-dark.svg");
+ --dir-icon: url("folder-dark.svg");
+ --ref-icon: url("commit-dark.svg");
+ --tag-icon: url("tag-dark.svg");
+ --branch-icon: url("merge-dark.svg");
}
@media screen and (prefers-color-scheme: dark) {
:root {
--bg-alt: #222831;
--fg: #D8D9CF;
--border: 216,217,207,0.2;
- --svg-color: teal;
+ --file-icon: url("file.svg");
+ --dir-icon: url("folder.svg");
+ --ref-icon: url("commit.svg");
+ --tag-icon: url("tag.svg");
+ --branch-icon: url("merge.svg");
}
}
}
td.list a[href*='tree'], td.list a[href*='blob'] {
- padding-left: 20px;
+ padding-left: 40px;
display: block;
float: left;
height: 32px;
/* Folder Icon */
td.list a[href*='tree'] {
- background: var(--svg-color) var(--dir-icon) center left no-repeat;
+ background: var(--dir-icon) center left no-repeat;
}
/* File Icon */
td.list a[href*='blob'] {
- background: var(--svg-color) var(--file-icon) center left no-repeat;
+ background: var(--file-icon) center left no-repeat;
}
i {
#generating_info {
font-size: 10px;
- color: #aaa;
+ color: var(--fg);
text-align: center;
}
color: #707070;
display: inline-block;
margin: 0;
- background-color: #eee;
- border: 1px solid #ccc;
+ background-color: var(--bg);
+ border: 1px solid var(--border);
border-radius: 3px;
height: 18px;
padding: 0 6px;
color: #707070;
display: inline-block;
margin: 0;
- background-color: #c4c4ff;
- border: 1px solid #7878ff;
+ background-color: var(--bg-alt);
+ border: 1px solid var(--link);
border-radius: 3px;
height: 18px;
padding: 0 6px;