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

added styles to repository: files

Browse source
This commit is contained in:
Vrifox 2020-09-28 20:29:14 +02:00
parent 74194873fd
commit 90e3c5f755
3 changed files with 182 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
public/css/theme-vrifox.cc-gitea-2020.css → public/css/theme-git.vrifox.cc.css
View file

@ -263,6 +263,9 @@ a {
background: #32324b; background: #32324b;
border: 0; } border: 0; }
.repository.diff .container .diff-file-body .file-body table tbody .del-code .line-code {
background: #ff8282 !important; }
/* explore: repositories / main */ /* explore: repositories / main */
.explore .secondary.menu { .explore .secondary.menu {
background-color: #464669 !important; background-color: #464669 !important;

71
public/css/theme-vrifox-2020.css
View file

@ -114,6 +114,13 @@ a {
.repository .container .repository-summary .language-stats-details { .repository .container .repository-summary .language-stats-details {
display: block !important; } display: block !important; }
.repository .container .secondary.menu .item .blue.buttons .button {
background: #3c3c5a;
box-shadow: none;
color: #f5f5ff; }
.repository .container .secondary.menu .item .blue.buttons .button:hover {
background: #32324b; }
.repository .container .secondary.menu .item #clone-panel #repo-clone-https, .repository .container .secondary.menu .item #clone-panel #repo-clone-https,
.repository .container .secondary.menu .item #clone-panel #repo-clone-ssh { .repository .container .secondary.menu .item #clone-panel #repo-clone-ssh {
color: #f5f5ff; color: #f5f5ff;
@ -151,6 +158,14 @@ a {
background: #32324b; } background: #32324b; }
.repository .container .secondary.menu .item div.dropdown.button .download.icon { .repository .container .secondary.menu .item div.dropdown.button .download.icon {
color: #f5f5ff; } color: #f5f5ff; }
.repository .container .secondary.menu .item div.dropdown.button .download.icon .menu {
background: #3c3c5a;
border: 1px solid #32324b;
box-shadow: none; }
.repository .container .secondary.menu .item div.dropdown.button .download.icon .menu .item {
color: #f5f5ff; }
.repository .container .secondary.menu .item div.dropdown.button .download.icon .menu .item:hover {
background: #32324b; }
.repository .container .header { .repository .container .header {
background: #3c3c5a; background: #3c3c5a;
@ -181,7 +196,7 @@ a {
.repository .container .table tbody tr .svg.octicon-file { .repository .container .table tbody tr .svg.octicon-file {
fill: #d7d7e1; } fill: #d7d7e1; }
.repository .container .table tbody tr .jumpable-path { .repository .container .table tbody tr .jumpable-path {
color: #646496 !important; } color: #d7d7e1 !important; }
.repository .container .table .commit-list .sha.label { .repository .container .table .commit-list .sha.label {
background: #464669; background: #464669;
border: 0 !important; border: 0 !important;
@ -217,10 +232,19 @@ a {
color: #f5f5ff; } color: #f5f5ff; }
.repository.commits .container h2.header .filter .button:hover { .repository.commits .container h2.header .filter .button:hover {
background: #32324b; } background: #32324b; }
.repository.commits .container h2.header .filter .menu {
background: #3c3c5a;
border: 1px solid #32324b;
box-shadow: none; }
.repository.commits .container h2.header .filter .menu .item {
color: #f5f5ff; }
.repository.commits .container h2.header .filter .menu .item:hover {
background: #32324b; }
.repository.commits .container .segment.text { .repository.commits .container .segment {
background: #1e1e2d;
border: 0; } border: 0; }
.repository.commits .container .segment .text {
background: #1e1e2d; }
/* repository: commits */ /* repository: commits */
.repository.commits .secondary.menu { .repository.commits .secondary.menu {
@ -293,10 +317,13 @@ a {
.repository.diff .container .diff-detail-box .button:hover { .repository.diff .container .diff-detail-box .button:hover {
background: #3c3c5a; } background: #3c3c5a; }
.repository.diff .container .diff-detail-box .button .menu { .repository.diff .container .diff-detail-box .button .menu {
background: #32324b; background: #464669;
border: #3c3c5a; } border: 1px solid #3c3c5a;
box-shadow: none; }
.repository.diff .container .diff-detail-box .button .menu .item { .repository.diff .container .diff-detail-box .button .menu .item {
color: #f5f5ff; } color: #f5f5ff; }
.repository.diff .container .diff-detail-box .button .menu .item:hover {
background: #3c3c5a; }
.repository.diff .container .diff-file-box .diff-file-header .diff-counter .bar { .repository.diff .container .diff-file-box .diff-file-header .diff-counter .bar {
background: #ff8282; } background: #ff8282; }
@ -335,6 +362,40 @@ a {
.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .add-code td .added-code { .repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .add-code td .added-code {
background: #50c878; } background: #50c878; }
/* repository: files */
.repository.file .container .secondary.menu .item .repo-path a {
color: #d7d7e1; }
.repository.file .container .secondary.menu .item .repo-path a:hover {
color: #ff8282; }
.repository.file .container .secondary.menu .item .repo-path .divider {
color: #d7d7e1; }
.repository.file .container .secondary.menu .item .repo-path .active.section {
color: white; }
.repository.file .container .non-diff-file-content .file-header .file-header-left .file-info {
color: #d7d7e1 !important; }
.repository.file .container .non-diff-file-content .file-header .file-header-right .file-actions a .btn-octicon .svg {
fill: #d7d7e1;
transition: fill .2s; }
.repository.file .container .non-diff-file-content .file-header .file-header-right .file-actions a .btn-octicon .svg:hover {
fill: white; }
.repository.file .container .non-diff-file-content .file-header .file-header-right .file-actions .buttons .button {
background: #464669;
box-shadow: none;
color: #f5f5ff; }
.repository.file .container .non-diff-file-content .file-header .file-header-right .file-actions .buttons .button:hover {
background: #3c3c5a; }
.repository.file .container .non-diff-file-content .table .file-view.code-view table tbody tr td,
.repository.file .container .non-diff-file-content .table .file-view.code-view table tbody tr td pre code .linenums {
background: #1e1e2d !important;
border-color: #3c3c5a !important;
color: white; }
/* explore: repositories / main */ /* explore: repositories / main */
.explore .secondary.menu { .explore .secondary.menu {
background-color: #464669 !important; background-color: #464669 !important;

119
source/partials/repository.scss
View file

@ -97,6 +97,16 @@
} }
.secondary.menu { .secondary.menu {
.item { .item {
.blue.buttons {
.button {
background: rgb(60, 60, 90);
box-shadow: none;
color: rgb(245, 245, 255);
&:hover {
background: rgb(50, 50, 75);
}
}
}
#clone-panel { #clone-panel {
#repo-clone-https, #repo-clone-https,
#repo-clone-ssh { #repo-clone-ssh {
@ -140,6 +150,17 @@
} }
.download.icon { .download.icon {
color: rgb(245, 245, 255); color: rgb(245, 245, 255);
.menu {
background: rgb(60, 60, 90);
border: 1px solid rgb(50, 50, 75);
box-shadow: none;
.item {
color: rgb(245, 245, 255);
&:hover {
background: rgb(50, 50, 75);
}
}
}
} }
} }
} }
@ -188,7 +209,7 @@
} }
} }
.jumpable-path { .jumpable-path {
color: rgb(100, 100, 150) !important; color: rgb(215, 215, 225) !important;
} }
} }
} }
@ -248,11 +269,24 @@
background: rgb(50, 50, 75); background: rgb(50, 50, 75);
} }
} }
.menu {
background: rgb(60, 60, 90);
border: 1px solid rgb(50, 50, 75);
box-shadow: none;
.item {
color: rgb(245, 245, 255);
&:hover {
background: rgb(50, 50, 75);
}
}
}
} }
} }
.segment.text { .segment {
background: rgb(30, 30, 45);
border: 0; border: 0;
.text {
background: rgb(30, 30, 45);
}
} }
} }
} }
@ -374,10 +408,14 @@
background: rgb(60, 60, 90); background: rgb(60, 60, 90);
} }
.menu { .menu {
background: rgb(50, 50, 75); background: rgb(70, 70, 105);
border: rgb(60, 60, 90); border: 1px solid rgb(60, 60, 90);
box-shadow: none;
.item { .item {
color: rgb(245, 245, 255); color: rgb(245, 245, 255);
&:hover {
background: rgb(60, 60, 90);
}
} }
} }
} }
@ -450,5 +488,74 @@
/* repository: files */ /* repository: files */
.repository.file { .repository.file {
.container {
.secondary.menu {
.item {
.repo-path {
a {
color: rgb(215, 215, 225);
&:hover {
color: rgb(255, 130, 130);
}
}
.divider {
color: rgb(215, 215, 225);
}
.active.section {
color: rgb(255, 255, 255);
}
}
}
}
.non-diff-file-content {
.file-header {
.file-header-left {
.file-info {
color: rgb(215, 215, 225) !important;
}
}
.file-header-right {
.file-actions {
a {
.btn-octicon {
.svg {
fill: rgb(215, 215, 225);
transition: fill .2s;
&:hover {
fill: rgb(255, 255, 255);
}
}
}
}
.buttons {
.button {
background: rgb(70, 70, 105);
box-shadow: none;
color: rgb(245, 245, 255);
&:hover {
background: rgb(60, 60, 90);
}
}
}
}
}
}
.table {
.file-view.code-view {
table {
tbody {
tr {
td,
td pre code .linenums {
background: rgb(30, 30, 45) !important;
border-color: rgb(60, 60, 90) !important;
color: rgb(255, 255, 255);
}
}
}
}
}
}
}
}
} }