diff --git a/public/css/theme-git.vrifox.cc.css b/public/css/theme-git.vrifox.cc.css deleted file mode 100644 index 07cd76d..0000000 --- a/public/css/theme-git.vrifox.cc.css +++ /dev/null @@ -1,431 +0,0 @@ -/* ------------------------------------------------ */ -/* DON'T EDIT THIS FILE; EDIT THE SCSS/SASS INSTEAD */ -/* ------------------------------------------------ */ -* { - scrollbar-width: thin; - scrollbar-color: #ff8282 #3c3c5a; } - *::selection { - background: #f5f5ff; } - -body { - background: #28283c; - color: #f5f5ff; } - -a { - color: white; - transition: color 0.2s; } - a:hover { - color: #ff8282; } - -.ui.main.menu { - background: #3c3c5a; - border-bottom: 0; - min-height: 64px; } - .ui.main.menu #navbar { - width: 1127px; } - .ui.main.menu #navbar .item { - color: #d7d7e1; } - .ui.main.menu #navbar .item.brand { - margin: 0 .5rem 0 0; } - .ui.main.menu #navbar .item.brand .mini.image { - transition: opacity .2s; } - .ui.main.menu #navbar .item.brand .mini.image:hover { - opacity: .9; } - .ui.main.menu #navbar .item:not(.brand) { - display: block; - padding: 24px; - border-radius: 0; - margin: 0px 0px; - transition: background .2s, color .2s; } - .ui.main.menu #navbar .item:not(.brand):hover { - background: #32324b; - color: white; } - .ui.main.menu #navbar .item.active:not(.brand) { - color: #f5f5ff; - background: #32324b; } - .ui.main.menu .dropdown.item > .menu { - margin-top: 0; } - .ui.main.menu .dropdown.item > .menu, .ui.main.menu.text.menu .dropdown.item > .menu { - border: 0; } - .ui.main.menu .dropdown.item:hover, - .ui.main.menu .link.item:hover, - .ui.main.menu .active.item:hover, - .ui.main.menu a.item:hover { - color: #ffffff; } - -/* repository: code / main */ -.repository .header-wrapper { - background-color: #464669; } - .repository .header-wrapper .repo-header .repo-title a { - color: #f5f5ff; } - .repository .header-wrapper .repo-header .repo-title .divider { - color: #d7d7e1; } - .repository .header-wrapper .repo-header .repo-buttons .button { - color: #d7d7e1; - background: #3c3c5a; } - .repository .header-wrapper .repo-header .repo-buttons .button:hover { - color: white; } - .repository .header-wrapper .repo-header .repo-buttons .label { - background: #5a5a87; - color: #d7d7e1; } - .repository .header-wrapper .repo-header .repo-buttons .label:hover { - color: white; } - .repository .header-wrapper .tabs .item { - color: #d7d7e1; - transition: color .2s; } - .repository .header-wrapper .tabs .item:hover { - color: white; } - .repository .header-wrapper .tabs .item.active { - background: #3c3c5a; - border: 0; - color: #f5f5ff; } - .repository .header-wrapper .tabs .item.active span.label { - background: #32324b; } - .repository .header-wrapper .tabs .item span.label { - background: #3c3c5a; } - -.repository .container .repo-description { - color: #f5f5ff; } - .repository .container .repo-description a { - color: #d7d7e1; } - .repository .container .repo-description a:hover { - color: #ff8282; } - -.repository .container #repo-topics .repo-topic.label { - background: #3c3c5a; - color: #f5f5ff; } - .repository .container #repo-topics .repo-topic.label:hover { - background: #464669; - color: white; } - -.repository .container .repo-topic-edit { - display: none !important; } - .repository .container .repo-topic-edit.success, .repository .container .repo-topic-edit.error { - display: flex !important; } - -.repository .container .repository-summary { - border: 0; } - .repository .container .repository-summary .repository-menu { - background: #32324b; } - .repository .container .repository-summary .repository-menu .item a { - color: #f5f5ff !important; } - .repository .container .repository-summary .repository-menu .item a:hover { - color: white !important; } - .repository .container .repository-summary .language-stats-details { - display: block !important; } - -.repository .container .secondary.menu .item #clone-panel #repo-clone-https, -.repository .container .secondary.menu .item #clone-panel #repo-clone-ssh { - color: #f5f5ff; - box-shadow: none !important; } - .repository .container .secondary.menu .item #clone-panel #repo-clone-https:not(.blue), - .repository .container .secondary.menu .item #clone-panel #repo-clone-ssh:not(.blue) { - background: #3c3c5a; } - .repository .container .secondary.menu .item #clone-panel #repo-clone-https:not(.blue):hover, - .repository .container .secondary.menu .item #clone-panel #repo-clone-ssh:not(.blue):hover { - background: #32324b; } - .repository .container .secondary.menu .item #clone-panel #repo-clone-https.blue, - .repository .container .secondary.menu .item #clone-panel #repo-clone-ssh.blue { - box-shadow: inset 0 0 0 1px #ff8282 !important; - color: #ff8282 !important; } - -.repository .container .secondary.menu .item #clone-panel input#repo-clone-url { - background: #28283c; - border: 2px solid #3c3c5a; - color: #f5f5ff; } - .repository .container .secondary.menu .item #clone-panel input#repo-clone-url:focus { - background: #32324b; - border: 2px solid #3c3c5a; - color: white; } - -.repository .container .secondary.menu .item #clipboard-btn { - background: #3c3c5a; } - .repository .container .secondary.menu .item #clipboard-btn:hover { - background: #32324b; } - .repository .container .secondary.menu .item #clipboard-btn .svg { - fill: whitesmoke; } - -.repository .container .secondary.menu .item div.dropdown.button { - background: #3c3c5a; } - .repository .container .secondary.menu .item div.dropdown.button:hover { - background: #32324b; } - .repository .container .secondary.menu .item div.dropdown.button .download.icon { - color: #f5f5ff; } - -.repository .container .header { - background: #3c3c5a; - border: 0; - color: #f5f5ff; } - -.repository .container .table { - color: #f5f5ff; - border: 0; - background: #1e1e2d; - border-radius: 5px; } - .repository .container .table thead tr:hover { - background: transparent !important; } - .repository .container .table thead tr th { - background: #32324b; - color: #f5f5ff; } - .repository .container .table thead tr th .time-since { - color: #f5f5ff; } - .repository .container .table > thead > tr > th { - background: #32324b; } - .repository .container .table tbody tr { - background: #1e1e2d; - border: 0; } - .repository .container .table tbody tr:hover { - background-color: #28283c !important; } - .repository .container .table tbody tr .svg.octicon-file-directory, .repository .container .table tbody tr .svg.octicon-file-submodule { - fill: #ff8282; } - .repository .container .table tbody tr .svg.octicon-file { - fill: #d7d7e1; } - .repository .container .table tbody tr .jumpable-path { - color: #646496 !important; } - .repository .container .table .commit-list .sha.label { - background: #464669; - border: 0 !important; - color: #f5f5ff; - transition: background .2s, color .2s; } - .repository .container .table .commit-list .sha.label:hover { - background: #3c3c5a; - color: white; } - -.repository .container .non-diff-file-content { - color: #f5f5ff; } - .repository .container .non-diff-file-content .header { - background: #32324b; - color: #f5f5ff; - border: 0; } - .repository .container .non-diff-file-content .table { - color: #f5f5ff; - border: 0; - background: #1e1e2d; } - -/* repository: releases */ -.repository.release .container .header { - background: transparent; } - -.repository.release .container #release-list { - border-top: 1px solid #3c3c5a; } - -/* repository: activity */ -.repository.commits .container h2.header { - background: transparent; } - .repository.commits .container h2.header .filter .button { - background: #3c3c5a; - color: #f5f5ff; } - .repository.commits .container h2.header .filter .button:hover { - background: #32324b; } - -.repository.commits .container .segment.text { - background: #1e1e2d; - border: 0; } - -/* repository: commits */ -.repository.commits .secondary.menu { - margin-left: -15px; } - .repository.commits .secondary.menu .item .button { - background: #3c3c5a; - color: #f5f5ff; } - .repository.commits .secondary.menu .item .button:hover { - background: #32324b; } - -.repository.commits .header form .search.input input { - background: #28283c; - border: 0; - color: #f5f5ff; } - .repository.commits .header form .search.input input:focus { - background: #32324b; - color: white; } - -.repository.commits .header form .checkbox label { - color: #f5f5ff; } - -/* repository: branches */ -.repository.branches .container .table tbody tr:hover { - background: #1e1e2d; } - -.repository.branches .container .table tbody tr td .info { - color: #f5f5ff; } - .repository.branches .container .table tbody tr td .info .svg { - fill: #f5f5ff; } - -.repository.branches .container .table tbody tr td .dropdown.button .download.icon { - color: #f5f5ff; } - -/* repository: diff */ -.repository.diff .container .top.info { - background: #3c3c5a !important; - border: 0; } - -.repository.diff .container .info { - 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; - border-radius: 0; } - .explore .secondary.menu .item { - color: #d7d7e1; } - .explore .secondary.menu .item:hover { - color: white !important; } - .explore .secondary.menu .item.active { - color: #f5f5ff !important; } - .explore .secondary.menu .item.active:hover { - color: white; } - .explore .secondary.menu .item .label { - background: #3c3c5a; } - -.explore .container .filter.menu { - display: none; } - -.explore .container form.form .input input { - background: #28283c; - border: 2px solid #3c3c5a; - color: #f5f5ff; } - .explore .container form.form .input input:focus { - background: #32324b; - border: 2px solid #3c3c5a; - color: white; } - -.explore .container form.form .input .button { - background: #3c3c5a; - border: 0; } - .explore .container form.form .input .button:hover { - background: #32324b; } - -.explore .container .divider { - border-bottom: 1px solid #3c3c5a; } - -.explore .container .repository.list .item:not(:first-child) { - border-top: 1px solid #3c3c5a; } - -.explore .container .repository.list .item .header a.name i.archive.icon { - color: #d7d7e1 !important; } - -.explore .container .repository.list .item .header .metas span { - color: #d7d7e1 !important; } - -.explore .container .repository.list .item .description p { - color: #f5f5ff; } - .explore .container .repository.list .item .description p.time { - color: #d7d7e1; } - -.explore .container .repository.list .item .description .tags a .label { - background: #3c3c5a; - color: #f5f5ff; } - .explore .container .repository.list .item .description .tags a .label:hover { - background: #464669; - color: white; } - -/* explore: users */ -.explore.users .container .user.list .content .header { - color: #f5f5ff; } - -.explore.users .container .user.list .content .description { - color: #f5f5ff; } - -/* user profile: repositories / main */ -.user.profile .container .grid .card { - box-shadow: none; - background: #32324b; - color: #f5f5ff; } - .user.profile .container .grid .card .content .header { - color: #f5f5ff; } - .user.profile .container .grid .card .extra.content ul { - color: #f5f5ff; } - .user.profile .container .grid .card .extra.content ul li:not(:last-child) { - border-bottom: 1px solid #3c3c5a; } - .user.profile .container .grid .card .extra.content ul a { - color: white; } - .user.profile .container .grid .card .extra.content ul a:hover { - color: #ff8282; } - -.user.profile .container .grid .secondary.menu .item { - color: #d7d7e1; } - .user.profile .container .grid .secondary.menu .item:hover { - color: white; } - .user.profile .container .grid .secondary.menu .item.active { - color: #f5f5ff; } - .user.profile .container .grid .secondary.menu .item.active:hover { - color: white; } - .user.profile .container .grid .secondary.menu .item .label { - background: #3c3c5a; } - -.user.profile .container .grid .filter.menu { - display: none; } - -.user.profile .container .grid form.form .input input { - background: #28283c; - border: 2px solid #3c3c5a; - color: #f5f5ff; } - .user.profile .container .grid form.form .input input:focus { - background: #32324b; - border: 2px solid #3c3c5a; - color: white; } - -.user.profile .container .grid form.form .input .button { - background: #3c3c5a; - border: 0; } - .user.profile .container .grid form.form .input .button:hover { - background: #32324b; } - -.user.profile .container .grid .divider { - border-bottom: 1px solid #3c3c5a; } - -.user.profile .container .grid .repository.list .item:not(:first-child) { - border-top: 1px solid #3c3c5a; } - -.user.profile .container .grid .repository.list .item .header a.name i.archive.icon { - color: #d7d7e1 !important; } - -.user.profile .container .grid .repository.list .item .header .metas span { - color: #d7d7e1 !important; } - -.user.profile .container .grid .repository.list .item .description p { - color: #f5f5ff; } - .user.profile .container .grid .repository.list .item .description p.time { - color: #d7d7e1; } - -.user.profile .container .grid .repository.list .item .description .tags a .label { - background: #3c3c5a; - color: #f5f5ff; } - .user.profile .container .grid .repository.list .item .description .tags a .label:hover { - background: #464669; - color: white; } - -/* user profile: public activity */ -.user.profile .container .grid .feeds .news .content span { - color: #d7d7e1 !important; } - -.user.profile .container .grid .feeds .news p.grey span { - color: #d7d7e1; } - -.user.profile .container .grid .feeds .news .svg { - fill: #d7d7e1; } - -footer { - background: #1e1e2d; - border-top: 1px solid #28283c; - color: #c8c8e6; } - footer .ui.container { - display: flex; - align-items: center; - min-height: 64px; - width: 1127px !important; } - footer .ui.container .links { - margin-left: auto; } - footer .ui.container .links a { - color: #c8c8e6; } - footer .ui.container .links a:hover { - text-decoration: underline; } - footer .ui.container .links > * { - border-left-color: #c8c8e6; } - footer .ui.container .links a[href~="/api/swagger"], - footer .ui.container .links .version { - display: none; } diff --git a/public/css/theme-vrifox-2020.css b/public/css/theme-vrifox-2020.css index a1cc81e..6ce2322 100644 --- a/public/css/theme-vrifox-2020.css +++ b/public/css/theme-vrifox-2020.css @@ -58,17 +58,27 @@ a { background-color: #464669; } .repository .header-wrapper .repo-header .repo-title a { color: #f5f5ff; } + .repository .header-wrapper .repo-header .repo-title a:hover { + color: #ff8282; } .repository .header-wrapper .repo-header .repo-title .divider { color: #d7d7e1; } + .repository .header-wrapper .repo-header .repo-title .svg.octicon-repo { + display: none; } .repository .header-wrapper .repo-header .repo-buttons .button { - color: #d7d7e1; - background: #3c3c5a; } + background: #3c3c5a; + box-shadow: none; + color: #f5f5ff; + transition: background .2s, color .2s; } .repository .header-wrapper .repo-header .repo-buttons .button:hover { + background: #32324b; color: white; } .repository .header-wrapper .repo-header .repo-buttons .label { - background: #5a5a87; - color: #d7d7e1; } + background: #32324b; + box-shadow: none; + color: #f5f5ff; + transition: background .2s, color .2s; } .repository .header-wrapper .repo-header .repo-buttons .label:hover { + background: #28283c; color: white; } .repository .header-wrapper .tabs .item { color: #d7d7e1; @@ -460,76 +470,76 @@ a { .explore.users .container .user.list .content .description { color: #f5f5ff; } -/* user profile: repositories / main */ -.user.profile .container .grid .card { +/* user: profile repositories / main */ +.user .container .grid .card { box-shadow: none; background: #32324b; color: #f5f5ff; } - .user.profile .container .grid .card .content .header { + .user .container .grid .card .content .header { color: #f5f5ff; } - .user.profile .container .grid .card .extra.content ul { + .user .container .grid .card .extra.content ul { color: #f5f5ff; } - .user.profile .container .grid .card .extra.content ul li:not(:last-child) { + .user .container .grid .card .extra.content ul li:not(:last-child) { border-bottom: 1px solid #3c3c5a; } - .user.profile .container .grid .card .extra.content ul a { + .user .container .grid .card .extra.content ul a { color: white; } - .user.profile .container .grid .card .extra.content ul a:hover { + .user .container .grid .card .extra.content ul a:hover { color: #ff8282; } -.user.profile .container .grid .secondary.menu .item { +.user .container .grid .secondary.menu .item { color: #d7d7e1; } - .user.profile .container .grid .secondary.menu .item:hover { + .user .container .grid .secondary.menu .item:hover { color: white; } - .user.profile .container .grid .secondary.menu .item.active { + .user .container .grid .secondary.menu .item.active { color: #f5f5ff; } - .user.profile .container .grid .secondary.menu .item.active:hover { + .user .container .grid .secondary.menu .item.active:hover { color: white; } - .user.profile .container .grid .secondary.menu .item .label { + .user .container .grid .secondary.menu .item .label { background: #3c3c5a; } -.user.profile .container .grid .filter.menu { +.user .container .grid .filter.menu { display: none; } -.user.profile .container .grid form.form .input input { +.user .container .grid form.form .input input { background: #28283c; border: 2px solid #3c3c5a; color: #f5f5ff; } - .user.profile .container .grid form.form .input input:focus { + .user .container .grid form.form .input input:focus { background: #32324b; border: 2px solid #3c3c5a; color: white; } -.user.profile .container .grid form.form .input .button { +.user .container .grid form.form .input .button { background: #3c3c5a; border: 0; } - .user.profile .container .grid form.form .input .button:hover { + .user .container .grid form.form .input .button:hover { background: #32324b; } -.user.profile .container .grid .divider { +.user .container .grid .divider { border-bottom: 1px solid #3c3c5a; } -.user.profile .container .grid .repository.list .item:not(:first-child) { +.user .container .grid .repository.list .item:not(:first-child) { border-top: 1px solid #3c3c5a; } -.user.profile .container .grid .repository.list .item .header a.name i.archive.icon { +.user .container .grid .repository.list .item .header a.name i.archive.icon { color: #d7d7e1 !important; } -.user.profile .container .grid .repository.list .item .header .metas span { +.user .container .grid .repository.list .item .header .metas span { color: #d7d7e1 !important; } -.user.profile .container .grid .repository.list .item .description p { +.user .container .grid .repository.list .item .description p { color: #f5f5ff; } - .user.profile .container .grid .repository.list .item .description p.time { + .user .container .grid .repository.list .item .description p.time { color: #d7d7e1; } -.user.profile .container .grid .repository.list .item .description .tags a .label { +.user .container .grid .repository.list .item .description .tags a .label { background: #3c3c5a; color: #f5f5ff; } - .user.profile .container .grid .repository.list .item .description .tags a .label:hover { + .user .container .grid .repository.list .item .description .tags a .label:hover { background: #464669; color: white; } -/* user profile: public activity */ +/* user: profile public activity */ .user.profile .container .grid .feeds .news .content span { color: #d7d7e1 !important; } @@ -539,6 +549,29 @@ a { .user.profile .container .grid .feeds .news .svg { fill: #d7d7e1; } +/* user: signin */ +.user.signin .container .header { + background: #3c3c5a; + border: 0; + color: #f5f5ff; } + +.user.signin .container .segment { + background: #32324b; + border: 0; + color: #f5f5ff; } + .user.signin .container .segment .form .field label { + color: #f5f5ff; } + .user.signin .container .segment .form .field label::after { + color: #ff8282; } + .user.signin .container .segment .form .field input { + background: #28283c; } + .user.signin .container .segment .form .field .green.button { + background: #505078; + box-shadow: none; + color: #f5f5ff; } + .user.signin .container .segment .form .field .green.button:hover { + background: #464669; } + footer { background: #1e1e2d; border-top: 1px solid #28283c; diff --git a/source/gitea-theme-git.vrifox.cc.scss b/source/gitea-theme-git.vrifox.cc.scss index 466ef9c..1820d54 100644 --- a/source/gitea-theme-git.vrifox.cc.scss +++ b/source/gitea-theme-git.vrifox.cc.scss @@ -11,7 +11,7 @@ @import 'partials/explore.scss'; -@import 'partials/user-profile.scss'; +@import 'partials/user.scss'; @import 'partials/footer'; diff --git a/source/partials/repository.scss b/source/partials/repository.scss index 1be2658..096c76d 100644 --- a/source/partials/repository.scss +++ b/source/partials/repository.scss @@ -8,23 +8,35 @@ .repo-title { a { color: rgb(245, 245, 255); + &:hover { + color: rgb(255, 130, 130); + } } .divider { color: rgb(215, 215, 225); } + .svg.octicon-repo { + display: none; + } } .repo-buttons { .button { - color: rgb(215, 215, 225); background: rgb(60, 60, 90); + box-shadow: none; + color: rgb(245, 245, 255); + transition: background .2s, color .2s; &:hover { + background: rgb(50, 50, 75); color: rgb(255, 255, 255); } } .label { - background: rgb(90, 90, 135); - color: rgb(215, 215, 225); + background: rgb(50, 50, 75); + box-shadow: none; + color: rgb(245, 245, 255); + transition: background .2s, color .2s; &:hover { + background: rgb(40, 40, 60); color: rgb(255, 255, 255); } } diff --git a/source/partials/user-profile.scss b/source/partials/user.scss similarity index 78% rename from source/partials/user-profile.scss rename to source/partials/user.scss index 0306035..645b1c2 100644 --- a/source/partials/user-profile.scss +++ b/source/partials/user.scss @@ -1,7 +1,7 @@ -/* user profile: repositories / main */ +/* user: profile repositories / main */ -.user.profile { +.user { .container { .grid { .card { @@ -113,7 +113,7 @@ } } -/* user profile: public activity */ +/* user: profile public activity */ .user.profile { .container { @@ -138,3 +138,41 @@ } } } + +/* user: signin */ + +.user.signin { + .container { + .header { + background: rgb(60, 60, 90); + border: 0; + color: rgb(245, 245, 255); + } + .segment { + background: rgb(50, 50, 75); + border: 0; + color: rgb(245, 245, 255); + .form { + .field { + label { + color: rgb(245, 245, 255); + &::after { + color: rgb(255, 130, 130); + } + } + input { + background: rgb(40, 40, 60); + } + .green.button { + background: rgb(80, 80, 120); + box-shadow: none; + color: rgb(245, 245, 255); + &:hover { + background: rgb(70, 70, 105); + } + } + } + } + } + } +}