Improve cgit theme
This adds a fer extra colors that work well in dark mode, light should still be fixed. Also fixes up a few other visual elements: - Line numbers should line up with lines of code again. - The buttons to switch to a different branch at the top of a repository page looks a little more in-place. It has the same padding as the other form elements, and the same background as the rest of the header. - Give other form elements on repository pages more consistent padding. - Separate the ‘log’, ‘stats’, and ‘plain’ buttons on the repository tree page so they don't just look like they're one word together.
This commit is contained in:
parent
3900e028ab
commit
92794bf08d
1 changed files with 62 additions and 0 deletions
|
@ -1,6 +1,10 @@
|
||||||
@import 'include/common';
|
@import 'include/common';
|
||||||
@import 'include/components';
|
@import 'include/components';
|
||||||
|
|
||||||
|
a.button {
|
||||||
|
padding: 0 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.content > table {
|
.content > table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
@ -19,12 +23,60 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.form form {
|
||||||
|
padding: 0 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.highlight {
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
background-color: @dark-background !important;
|
||||||
|
}
|
||||||
|
@media (prefers-color-scheme: light) {
|
||||||
|
background-color: @light-background !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nv {
|
||||||
|
color: #bbca82 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nb {
|
||||||
|
color: #90ca82 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.k {
|
||||||
|
color: #caad82 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ch, .c1 {
|
||||||
|
color: #f071bd !important;
|
||||||
|
font-style: normal !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.s2 {
|
||||||
|
color: #82ca9f !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.m {
|
||||||
|
color: #ca8282 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.main {
|
.main {
|
||||||
&:extend(.title-header);
|
&:extend(.title-header);
|
||||||
|
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.linenumbers, .lines {
|
||||||
|
vertical-align: top;
|
||||||
|
|
||||||
|
pre {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
width: 0;
|
width: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
@ -93,4 +145,14 @@
|
||||||
margin: 0;
|
margin: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.form {
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
form {
|
||||||
|
&:extend(.header-block);
|
||||||
|
text-align: right;
|
||||||
|
padding: 0 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue