vrifox/gitea-theme
vrifox/gitea-theme
Archived
1
0
Fork 0
Code Issues 6 Releases Activity

added styles to repository: diff stats

Browse source
This commit is contained in:
Vrifox 2020-10-06 22:15:18 +02:00
parent 2bf6fcdd2a
commit 79d2b3bffe
3 changed files with 195 additions and 142 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
public/css/theme-gitea-vrifox-backend.css
View file

@ -453,61 +453,76 @@ body > .full.height::first-line,
background: #3c3c5a; background: #3c3c5a;
color: white; } color: white; }
.repository.diff .container .diff-detail-box { .repository.diff .container div .diff-detail-box {
background: #32324b; background: #32324b;
color: #f5f5ff; color: #f5f5ff;
padding: 10px; } padding: 10px; }
.repository.diff .container .diff-detail-box .button { .repository.diff .container div .diff-detail-box .button {
background: #464669; background: #464669;
color: #f5f5ff; } color: #f5f5ff; }
.repository.diff .container .diff-detail-box .button:hover { .repository.diff .container div .diff-detail-box .button:hover {
background: #3c3c5a; } background: #3c3c5a; }
.repository.diff .container .diff-detail-box .button .menu { .repository.diff .container div .diff-detail-box .button .menu {
background: #464669; background: #464669;
border: 1px solid #3c3c5a; border: 1px solid #3c3c5a;
box-shadow: none; } box-shadow: none; }
.repository.diff .container .diff-detail-box .button .menu .item { .repository.diff .container div .diff-detail-box .button .menu .item {
color: #f5f5ff; } color: #f5f5ff; }
.repository.diff .container .diff-detail-box .button .menu .item:hover { .repository.diff .container div .diff-detail-box .button .menu .item:hover {
background: #3c3c5a; } background: #3c3c5a; }
.repository.diff .container .diff-file-box .diff-file-header .diff-counter .bar { .repository.diff .container div .diff-stats.detail-files {
background: #1e1e2d;
border-radius: 0 0 5px 5px;
margin: 0 0 10px 0; }
.repository.diff .container div .diff-stats.detail-files li {
border-bottom: 1px dashed #3c3c5a; }
.repository.diff .container div .diff-stats.detail-files li:last-of-type {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0; }
.repository.diff .container div .diff-stats.detail-files li .diff-counter .add {
color: #64c882; }
.repository.diff .container div .diff-stats.detail-files li .diff-counter .del {
color: #ff8282; }
.repository.diff .container div .diff-file-box .diff-file-header .diff-counter .bar {
background: #ff8282; } background: #ff8282; }
.repository.diff .container .diff-file-box .diff-file-header .diff-counter .bar .pull-left.add { .repository.diff .container div .diff-file-box .diff-file-header .diff-counter .bar .pull-left.add {
background: #64c882; } background: #64c882; }
.repository.diff .container .diff-file-box .diff-file-header .file { .repository.diff .container div .diff-file-box .diff-file-header .file {
color: #f5f5ff; } color: #f5f5ff; }
.repository.diff .container .diff-file-box .diff-file-header .button { .repository.diff .container div .diff-file-box .diff-file-header .button {
background: #505078; background: #505078;
box-shadow: none; box-shadow: none;
color: #f5f5ff; } color: #f5f5ff; }
.repository.diff .container .diff-file-box .diff-file-header .button:hover { .repository.diff .container div .diff-file-box .diff-file-header .button:hover {
background: #464669; } background: #464669; }
.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .tag-code td { .repository.diff .container div .diff-file-box .diff-file-body .file-body table tbody .tag-code td {
background: #1e1e2d !important; background: #1e1e2d !important;
border-color: #3c3c5a !important; border-color: #3c3c5a !important;
color: white; } color: white; }
.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .same-code td { .repository.diff .container div .diff-file-box .diff-file-body .file-body table tbody .same-code td {
background: #1e1e2d !important; background: #1e1e2d !important;
border-color: #3c3c5a !important; border-color: #3c3c5a !important;
color: white; } color: white; }
.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .del-code td { .repository.diff .container div .diff-file-box .diff-file-body .file-body table tbody .del-code td {
background: #ff8282 !important; background: #ff8282 !important;
border-color: #ff6464 !important; border-color: #ff6464 !important;
color: white; } color: white; }
.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .del-code td .removed-code { .repository.diff .container div .diff-file-box .diff-file-body .file-body table tbody .del-code td .removed-code {
background: #ff6e6e; } background: #ff6e6e; }
.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .add-code td { .repository.diff .container div .diff-file-box .diff-file-body .file-body table tbody .add-code td {
background: #64c882 !important; background: #64c882 !important;
border-color: #64dc78 !important; border-color: #64dc78 !important;
color: white; } color: white; }
.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .add-code td .added-code { .repository.diff .container div .diff-file-box .diff-file-body .file-body table tbody .add-code td .added-code {
background: #50b46e; } background: #50b46e; }
/* repository: files */ /* repository: files */

61
public/css/theme-gitea-vrifox-frontend.css
View file

@ -516,78 +516,93 @@ body > .full.height::first-line,
background: #3c3c5a; background: #3c3c5a;
color: white; } color: white; }
.repository.diff .container .diff-detail-box { .repository.diff .container div .diff-detail-box {
background: #32324b; background: #32324b;
color: #f5f5ff; color: #f5f5ff;
padding: 10px; } padding: 10px; }
.repository.diff .container .diff-detail-box .button { .repository.diff .container div .diff-detail-box .button {
background: #464669; background: #464669;
color: #f5f5ff; } color: #f5f5ff; }
.repository.diff .container .diff-detail-box .button:hover { .repository.diff .container div .diff-detail-box .button:hover {
background: #3c3c5a; } background: #3c3c5a; }
.repository.diff .container .diff-detail-box .button:hover .menu { .repository.diff .container div .diff-detail-box .button:hover .menu {
display: block; } display: block; }
.repository.diff .container .diff-detail-box .button.dropdown { .repository.diff .container div .diff-detail-box .button.dropdown {
padding-right: 37px; } padding-right: 37px; }
.repository.diff .container .diff-detail-box .button.dropdown::after { .repository.diff .container div .diff-detail-box .button.dropdown::after {
content: '⏷'; content: '⏷';
position: absolute; position: absolute;
right: 17px; right: 17px;
top: 10px; top: 10px;
font-size: 11px; font-size: 11px;
color: #d7d7e1; } color: #d7d7e1; }
.repository.diff .container .diff-detail-box .button .dropdown.icon { .repository.diff .container div .diff-detail-box .button .dropdown.icon {
display: none; } display: none; }
.repository.diff .container .diff-detail-box .button .menu { .repository.diff .container div .diff-detail-box .button .menu {
background: #464669; background: #464669;
border: 1px solid #3c3c5a; border: 1px solid #3c3c5a;
box-shadow: none; } box-shadow: none; }
.repository.diff .container .diff-detail-box .button .menu .item { .repository.diff .container div .diff-detail-box .button .menu .item {
color: #f5f5ff; } color: #f5f5ff; }
.repository.diff .container .diff-detail-box .button .menu .item:hover { .repository.diff .container div .diff-detail-box .button .menu .item:hover {
background: #3c3c5a; } background: #3c3c5a; }
.repository.diff .container .diff-detail-box .button .menu .item[data-target*="#diff-files"] { .repository.diff .container div .diff-detail-box .button .menu .item[data-target*="#diff-files"] {
display: none; } display: none; }
.repository.diff .container .diff-detail-box.diff-stats { .repository.diff .container div .diff-detail-box.diff-stats {
display: block; } display: block; }
.repository.diff .container .diff-file-box .diff-file-header .diff-counter .bar { .repository.diff .container div .diff-stats.detail-files {
background: #1e1e2d;
border-radius: 0 0 5px 5px;
margin: 0 0 10px 0; }
.repository.diff .container div .diff-stats.detail-files li {
border-bottom: 1px dashed #3c3c5a; }
.repository.diff .container div .diff-stats.detail-files li:last-of-type {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0; }
.repository.diff .container div .diff-stats.detail-files li .diff-counter .add {
color: #64c882; }
.repository.diff .container div .diff-stats.detail-files li .diff-counter .del {
color: #ff8282; }
.repository.diff .container div .diff-file-box .diff-file-header .diff-counter .bar {
background: #ff8282; } background: #ff8282; }
.repository.diff .container .diff-file-box .diff-file-header .diff-counter .bar .pull-left.add { .repository.diff .container div .diff-file-box .diff-file-header .diff-counter .bar .pull-left.add {
background: #64c882; } background: #64c882; }
.repository.diff .container .diff-file-box .diff-file-header .file { .repository.diff .container div .diff-file-box .diff-file-header .file {
color: #f5f5ff; } color: #f5f5ff; }
.repository.diff .container .diff-file-box .diff-file-header .button { .repository.diff .container div .diff-file-box .diff-file-header .button {
background: #505078; background: #505078;
box-shadow: none; box-shadow: none;
color: #f5f5ff; } color: #f5f5ff; }
.repository.diff .container .diff-file-box .diff-file-header .button:hover { .repository.diff .container div .diff-file-box .diff-file-header .button:hover {
background: #464669; } background: #464669; }
.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .tag-code td { .repository.diff .container div .diff-file-box .diff-file-body .file-body table tbody .tag-code td {
background: #1e1e2d !important; background: #1e1e2d !important;
border-color: #3c3c5a !important; border-color: #3c3c5a !important;
color: white; } color: white; }
.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .same-code td { .repository.diff .container div .diff-file-box .diff-file-body .file-body table tbody .same-code td {
background: #1e1e2d !important; background: #1e1e2d !important;
border-color: #3c3c5a !important; border-color: #3c3c5a !important;
color: white; } color: white; }
.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .del-code td { .repository.diff .container div .diff-file-box .diff-file-body .file-body table tbody .del-code td {
background: #ff8282 !important; background: #ff8282 !important;
border-color: #ff6464 !important; border-color: #ff6464 !important;
color: white; } color: white; }
.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .del-code td .removed-code { .repository.diff .container div .diff-file-box .diff-file-body .file-body table tbody .del-code td .removed-code {
background: #ff6e6e; } background: #ff6e6e; }
.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .add-code td { .repository.diff .container div .diff-file-box .diff-file-body .file-body table tbody .add-code td {
background: #64c882 !important; background: #64c882 !important;
border-color: #64dc78 !important; border-color: #64dc78 !important;
color: white; } color: white; }
.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .add-code td .added-code { .repository.diff .container div .diff-file-box .diff-file-body .file-body table tbody .add-code td .added-code {
background: #50b46e; } background: #50b46e; }
/* repository: files */ /* repository: files */

227
source/partials/repository.scss
View file

@ -722,119 +722,142 @@
} }
} }
} }
.diff-detail-box { div {
background: rgb(50, 50, 75); .diff-detail-box {
color: rgb(245, 245, 255); background: rgb(50, 50, 75);
padding: 10px;
.button {
background: rgb(70, 70, 105);
color: rgb(245, 245, 255); color: rgb(245, 245, 255);
&:hover { padding: 10px;
background: rgb(60, 60, 90);
.menu {
@if $nojavascript == true {
display: block;
}
}
}
&.dropdown {
@if $nojavascript == true {
padding-right: 37px;
&::after {
content: '⏷';
position: absolute;
right: 17px;
top: 10px;
font-size: 11px;
color: rgb(215, 215, 225);
}
}
}
.dropdown.icon {
@if $nojavascript == true {
display: none;
}
}
.menu {
background: rgb(70, 70, 105);
border: 1px solid rgb(60, 60, 90);
box-shadow: none;
.item {
color: rgb(245, 245, 255);
&:hover {
background: rgb(60, 60, 90);
}
&[data-target*="#diff-files"] {
@if $nojavascript == true {
display: none;
}
}
}
}
}
&.diff-stats {
@if $nojavascript == true {
display: block;
}
}
}
.diff-file-box {
.diff-file-header {
.diff-counter {
.bar {
background: rgb(255, 130, 130);
.pull-left.add {
background: rgb(100, 200, 130);
}
}
}
.file {
color: rgb(245, 245, 255);
}
.button { .button {
background: rgb(80, 80, 120); background: rgb(70, 70, 105);
box-shadow: none;
color: rgb(245, 245, 255); color: rgb(245, 245, 255);
&:hover { &:hover {
background: rgb(60, 60, 90);
.menu {
@if $nojavascript == true {
display: block;
}
}
}
&.dropdown {
@if $nojavascript == true {
padding-right: 37px;
&::after {
content: '⏷';
position: absolute;
right: 17px;
top: 10px;
font-size: 11px;
color: rgb(215, 215, 225);
}
}
}
.dropdown.icon {
@if $nojavascript == true {
display: none;
}
}
.menu {
background: rgb(70, 70, 105); background: rgb(70, 70, 105);
border: 1px solid rgb(60, 60, 90);
box-shadow: none;
.item {
color: rgb(245, 245, 255);
&:hover {
background: rgb(60, 60, 90);
}
&[data-target*="#diff-files"] {
@if $nojavascript == true {
display: none;
}
}
}
}
}
&.diff-stats {
@if $nojavascript == true {
display: block;
} }
} }
} }
.diff-file-body { .diff-stats.detail-files {
.file-body { background: rgb(30, 30, 45);
table { border-radius: 0 0 5px 5px;
tbody { margin: 0 0 10px 0;
.tag-code { li {
td { border-bottom: 1px dashed rgb(60, 60, 90);
background: rgb(30, 30, 45) !important; &:last-of-type {
border-color: rgb(60, 60, 90) !important; border-bottom: 0;
color: rgb(255, 255, 255); margin-bottom: 0;
} padding-bottom: 0;
}
.diff-counter {
.add {
color: rgb(100, 200, 130);
}
.del {
color: rgb(255, 130, 130);
}
}
}
}
.diff-file-box {
.diff-file-header {
.diff-counter {
.bar {
background: rgb(255, 130, 130);
.pull-left.add {
background: rgb(100, 200, 130);
} }
.same-code { }
td { }
background: rgb(30, 30, 45) !important; .file {
border-color: rgb(60, 60, 90) !important; color: rgb(245, 245, 255);
color: rgb(255, 255, 255); }
} .button {
} background: rgb(80, 80, 120);
.del-code { box-shadow: none;
td { color: rgb(245, 245, 255);
background: rgb(255, 130, 130) !important; &:hover {
border-color: rgb(255, 100, 100) !important; background: rgb(70, 70, 105);
color: rgb(255, 255, 255); }
.removed-code { }
background: rgb(255, 110, 110); }
.diff-file-body {
.file-body {
table {
tbody {
.tag-code {
td {
background: rgb(30, 30, 45) !important;
border-color: rgb(60, 60, 90) !important;
color: rgb(255, 255, 255);
} }
} }
} .same-code {
.add-code { td {
td { background: rgb(30, 30, 45) !important;
background: rgb(100, 200, 130) !important; border-color: rgb(60, 60, 90) !important;
border-color: rgb(100, 220, 120) !important; color: rgb(255, 255, 255);
color: rgb(255, 255, 255); }
.added-code { }
background: rgb(80, 180, 110); .del-code {
td {
background: rgb(255, 130, 130) !important;
border-color: rgb(255, 100, 100) !important;
color: rgb(255, 255, 255);
.removed-code {
background: rgb(255, 110, 110);
}
}
}
.add-code {
td {
background: rgb(100, 200, 130) !important;
border-color: rgb(100, 220, 120) !important;
color: rgb(255, 255, 255);
.added-code {
background: rgb(80, 180, 110);
}
} }
} }
} }