diff --git a/public/css/theme-vrifox.cc-gitea-2020.css b/public/css/theme-git.vrifox.cc.css similarity index 99% rename from public/css/theme-vrifox.cc-gitea-2020.css rename to public/css/theme-git.vrifox.cc.css index 7a5708c..07cd76d 100644 --- a/public/css/theme-vrifox.cc-gitea-2020.css +++ b/public/css/theme-git.vrifox.cc.css @@ -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; diff --git a/public/css/theme-vrifox-2020.css b/public/css/theme-vrifox-2020.css index 4a7b5b4..a1cc81e 100644 --- a/public/css/theme-vrifox-2020.css +++ b/public/css/theme-vrifox-2020.css @@ -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; diff --git a/source/partials/repository.scss b/source/partials/repository.scss index 98b4b19..1be2658 100644 --- a/source/partials/repository.scss +++ b/source/partials/repository.scss @@ -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); + } + } + } + } + } + } + } + } }