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 */

23
source/partials/repository.scss
View file

@ -722,6 +722,7 @@
} }
} }
} }
div {
.diff-detail-box { .diff-detail-box {
background: rgb(50, 50, 75); background: rgb(50, 50, 75);
color: rgb(245, 245, 255); color: rgb(245, 245, 255);
@ -778,6 +779,27 @@
} }
} }
} }
.diff-stats.detail-files {
background: rgb(30, 30, 45);
border-radius: 0 0 5px 5px;
margin: 0 0 10px 0;
li {
border-bottom: 1px dashed rgb(60, 60, 90);
&:last-of-type {
border-bottom: 0;
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-box {
.diff-file-header { .diff-file-header {
.diff-counter { .diff-counter {
@ -845,6 +867,7 @@
} }
} }
} }
}
/* repository: files */ /* repository: files */