added styles to repository: files
This commit is contained in:
parent
74194873fd
commit
90e3c5f755
3 changed files with 182 additions and 11 deletions
|
@ -263,6 +263,9 @@ a {
|
|||
background: #32324b;
|
||||
border: 0; }
|
||||
|
||||
.repository.diff .container .diff-file-body .file-body table tbody .del-code .line-code {
|
||||
background: #ff8282 !important; }
|
||||
|
||||
/* explore: repositories / main */
|
||||
.explore .secondary.menu {
|
||||
background-color: #464669 !important;
|
|
@ -114,6 +114,13 @@ a {
|
|||
.repository .container .repository-summary .language-stats-details {
|
||||
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-ssh {
|
||||
color: #f5f5ff;
|
||||
|
@ -151,6 +158,14 @@ a {
|
|||
background: #32324b; }
|
||||
.repository .container .secondary.menu .item div.dropdown.button .download.icon {
|
||||
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 {
|
||||
background: #3c3c5a;
|
||||
|
@ -181,7 +196,7 @@ a {
|
|||
.repository .container .table tbody tr .svg.octicon-file {
|
||||
fill: #d7d7e1; }
|
||||
.repository .container .table tbody tr .jumpable-path {
|
||||
color: #646496 !important; }
|
||||
color: #d7d7e1 !important; }
|
||||
.repository .container .table .commit-list .sha.label {
|
||||
background: #464669;
|
||||
border: 0 !important;
|
||||
|
@ -217,10 +232,19 @@ a {
|
|||
color: #f5f5ff; }
|
||||
.repository.commits .container h2.header .filter .button:hover {
|
||||
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 {
|
||||
background: #1e1e2d;
|
||||
.repository.commits .container .segment {
|
||||
border: 0; }
|
||||
.repository.commits .container .segment .text {
|
||||
background: #1e1e2d; }
|
||||
|
||||
/* repository: commits */
|
||||
.repository.commits .secondary.menu {
|
||||
|
@ -293,10 +317,13 @@ a {
|
|||
.repository.diff .container .diff-detail-box .button:hover {
|
||||
background: #3c3c5a; }
|
||||
.repository.diff .container .diff-detail-box .button .menu {
|
||||
background: #32324b;
|
||||
border: #3c3c5a; }
|
||||
background: #464669;
|
||||
border: 1px solid #3c3c5a;
|
||||
box-shadow: none; }
|
||||
.repository.diff .container .diff-detail-box .button .menu .item {
|
||||
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 {
|
||||
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 {
|
||||
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 .secondary.menu {
|
||||
background-color: #464669 !important;
|
||||
|
|
|
@ -97,6 +97,16 @@
|
|||
}
|
||||
.secondary.menu {
|
||||
.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 {
|
||||
#repo-clone-https,
|
||||
#repo-clone-ssh {
|
||||
|
@ -140,6 +150,17 @@
|
|||
}
|
||||
.download.icon {
|
||||
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 {
|
||||
color: rgb(100, 100, 150) !important;
|
||||
color: rgb(215, 215, 225) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -248,11 +269,24 @@
|
|||
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 {
|
||||
background: rgb(30, 30, 45);
|
||||
.segment {
|
||||
border: 0;
|
||||
.text {
|
||||
background: rgb(30, 30, 45);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -374,10 +408,14 @@
|
|||
background: rgb(60, 60, 90);
|
||||
}
|
||||
.menu {
|
||||
background: rgb(50, 50, 75);
|
||||
border: rgb(60, 60, 90);
|
||||
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);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -450,5 +488,74 @@
|
|||
/* repository: files */
|
||||
|
||||
.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);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Reference in a new issue