From 897f799539a9a8e808e12d50e65959aac841c541 Mon Sep 17 00:00:00 2001 From: Vrifox Date: Sun, 4 Oct 2020 11:08:52 +0200 Subject: [PATCH] =?UTF-8?q?added=20settings=20and=20two=20templates;=20lan?= =?UTF-8?q?guage-stats=20and=20repo=20download=20no-js=20variant;=20other?= =?UTF-8?q?=20changes=20I=20may=20have=20forgotten=20=E2=80=A6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/css/theme-gitea-vrifox-backend.css | 629 +++++++++++++++++ public/css/theme-gitea-vrifox-frontend.css | 666 ++++++++++++++++++ public/css/theme-gitea-vrifox-nojs.css | 666 ++++++++++++++++++ ...vrifox-2020.css => theme-gitea-vrifox.css} | 78 +- source/partials/_footer.scss | 21 +- source/partials/_main.scss | 6 + source/partials/_nav.scss | 44 +- source/partials/explore.scss | 6 +- source/partials/repository.scss | 46 +- source/partials/user.scss | 25 +- source/theme-gitea-vrifox-backend.scss | 28 + ....scss => theme-gitea-vrifox-frontend.scss} | 13 +- 12 files changed, 2170 insertions(+), 58 deletions(-) create mode 100644 public/css/theme-gitea-vrifox-backend.css create mode 100644 public/css/theme-gitea-vrifox-frontend.css create mode 100644 public/css/theme-gitea-vrifox-nojs.css rename public/css/{theme-vrifox-2020.css => theme-gitea-vrifox.css} (93%) create mode 100644 source/theme-gitea-vrifox-backend.scss rename source/{gitea-theme-git.vrifox.cc.scss => theme-gitea-vrifox-frontend.scss} (60%) diff --git a/public/css/theme-gitea-vrifox-backend.css b/public/css/theme-gitea-vrifox-backend.css new file mode 100644 index 0000000..ec1c8cb --- /dev/null +++ b/public/css/theme-gitea-vrifox-backend.css @@ -0,0 +1,629 @@ +/* ------------------------------------------------ */ +/* DON'T EDIT THIS FILE; EDIT THE SCSS/SASS INSTEAD */ +/* ------------------------------------------------ */ +* { + scrollbar-color: #ff8282 #3c3c5a; + scrollbar-width: thin; } + *::selection { + background: #f5f5ff; } + +body { + background: #28283c; + color: #f5f5ff; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + +a { + color: white; + transition: color 0.2s; } + a:hover { + color: #ff8282; } + +body > .full.height::first-line, +.full.height > span { + font-size: 0; + line-height: 0px; } + +.ui.main.menu { + background: #3c3c5a; + border-bottom: 0; + font-size: 1em; + min-height: 64px; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .ui.main.menu #navbar { + width: 1127px; + padding: 0; } + .ui.main.menu #navbar .item { + color: #f5f5ff; } + .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.brand .button.mobile-only { + display: none; } + .ui.main.menu #navbar .item:not(.brand) { + border-radius: 0; + display: block; + margin: 0px 0px; + padding: 24px; + transition: background .2s, color .2s; } + .ui.main.menu #navbar .item:not(.brand):hover { + background: #32324b; } + .ui.main.menu #navbar .item.active:not(.brand) { + background: #32324b; } + .ui.main.menu #navbar .seperator { + cursor: default; + display: block; + padding: 22px; } + .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; } + +@media (max-width: 767.98px) { + .ui.main.menu { + flex-direction: row; + overflow-x: auto; + overflow-y: hidden; + white-space: nowrap; } + .ui.main.menu #navbar .item { + width: auto !important; } + .ui.main.menu #navbar .right.custom.menu { + display: inherit !important; + flex-direction: row !important; + margin-left: auto !important; } } + +/* 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 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 { + background: #3c3c5a; + box-shadow: none; + color: #f5f5ff; + transition: background .2s, color .2s; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .repository .header-wrapper .repo-header .repo-buttons .button:hover { + background: #32324b; + color: white; } + .repository .header-wrapper .repo-header .repo-buttons .label { + 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.container .menu.navbar .item { + color: #d7d7e1; + transition: color .2s; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .repository .header-wrapper .tabs.container .menu.navbar .item:hover { + color: white; } + .repository .header-wrapper .tabs.container .menu.navbar .item.active { + background: #3c3c5a; + border: 0; + color: #f5f5ff; } + .repository .header-wrapper .tabs.container .menu.navbar .item.active span.label { + background: #32324b; } + .repository .header-wrapper .tabs.container .menu.navbar .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; + box-shadow: none; } + .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 .horizontal.list .item { + padding: 10px; } + +.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; + box-shadow: none !important; + font-family: monospace, 'Lucida Console', 'Monaco' !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; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .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:hover .menu { + background: #3c3c5a; + border: 1px solid #32324b; + box-shadow: none; } + .repository .container .secondary.menu .item div.dropdown.button:hover .menu .item { + color: #f5f5ff !important; } + .repository .container .secondary.menu .item div.dropdown.button:hover .menu .item: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 { + background: #1e1e2d; + border: 0; + border-radius: 5px; + color: #f5f5ff; } + .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: #d7d7e1 !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; + border: 0; + color: #f5f5ff; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .repository .container .non-diff-file-content .table { + background: #1e1e2d; + border: 0; + color: #f5f5ff; } + +/* repository: releases */ +.repository.release .container .header { + background: transparent; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + +.repository.release .container #release-list { + border-top: 1px solid #3c3c5a; } + +/* repository: activity */ +.repository.commits .container h2.header { + font-family: monospace, 'Lucida Console', 'Monaco' !important; + background: transparent; } + .repository.commits .container h2.header .filter .button { + background: #3c3c5a; + color: #f5f5ff; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .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 { + border: 0; } + .repository.commits .container .segment .text { + background: #1e1e2d; } + +/* 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; + color: #f5f5ff; } + .repository.diff .container .top.info .button { + background: #505078; + box-shadow: none; + color: #f5f5ff; } + .repository.diff .container .top.info .button:hover { + background: #464669; } + .repository.diff .container .top.info .text.grey { + color: #d7d7e1 !important; } + +.repository.diff .container .info { + background: #32324b; + border: 0; + color: #f5f5ff; } + .repository.diff .container .info .text.grey .time-since { + color: #d7d7e1 !important; } + .repository.diff .container .info .sha.label { + background: #464669; + border: 0 !important; + color: #f5f5ff; + transition: background .2s, color .2s; } + .repository.diff .container .info .sha.label:hover { + background: #3c3c5a; + color: white; } + +.repository.diff .container .diff-detail-box { + background: #32324b; + color: #f5f5ff; + padding: 10px; } + .repository.diff .container .diff-detail-box .button { + background: #464669; + color: #f5f5ff; } + .repository.diff .container .diff-detail-box .button:hover { + background: #3c3c5a; } + .repository.diff .container .diff-detail-box .button .menu { + 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; } + +.repository.diff .container .diff-file-box .diff-file-header .file { + color: #f5f5ff; } + +.repository.diff .container .diff-file-box .diff-file-header .button { + background: #505078; + box-shadow: none; + color: #f5f5ff; } + .repository.diff .container .diff-file-box .diff-file-header .button:hover { + background: #464669; } + +.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .tag-code td { + background: #1e1e2d !important; + border-color: #3c3c5a !important; + color: white; } + +.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .same-code td { + background: #1e1e2d !important; + border-color: #3c3c5a !important; + color: white; } + +.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .del-code td { + background: #ff8282 !important; + border-color: #ff6464 !important; + color: white; } + .repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .del-code td .removed-code { + background: #ff6464; } + +.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .add-code td { + background: #82dc96 !important; + border-color: #64dc78 !important; + color: white; } + .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; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .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; + 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 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 .container .grid .card { + background: #32324b; + box-shadow: none; + color: #f5f5ff; } + .user .container .grid .card .content .header { + color: #f5f5ff; } + .user .container .grid .card .extra.content ul { + color: #f5f5ff; } + .user .container .grid .card .extra.content ul li:not(:last-child) { + border-bottom: 1px solid #3c3c5a; } + .user .container .grid .card .extra.content ul a { + color: white; } + .user .container .grid .card .extra.content ul a:hover { + color: #ff8282; } + +.user .container .grid .secondary.menu { + overflow-x: auto; + overflow-y: hidden; } + .user .container .grid .secondary.menu .item { + color: #d7d7e1; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .user .container .grid .secondary.menu .item:hover { + color: white; } + .user .container .grid .secondary.menu .item.active { + color: #f5f5ff; } + .user .container .grid .secondary.menu .item.active:hover { + color: white; } + .user .container .grid .secondary.menu .item .label { + background: #3c3c5a; } + +.user .container .grid form.form .input input { + background: #28283c; + border: 2px solid #3c3c5a; + color: #f5f5ff; } + .user .container .grid form.form .input input:focus { + background: #32324b; + border: 2px solid #3c3c5a; + color: white; } + +.user .container .grid form.form .input .button { + background: #3c3c5a; + border: 0; } + .user .container .grid form.form .input .button:hover { + background: #32324b; } + +.user .container .grid .divider { + border-bottom: 1px solid #3c3c5a; } + +.user .container .grid .repository.list .item:not(:first-child) { + border-top: 1px solid #3c3c5a; } + +.user .container .grid .repository.list .item .header a.name { + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .user .container .grid .repository.list .item .header a.name i.archive.icon { + color: #d7d7e1 !important; } + +.user .container .grid .repository.list .item .header .metas span { + color: #d7d7e1 !important; } + +.user .container .grid .repository.list .item .description p { + color: #f5f5ff; } + .user .container .grid .repository.list .item .description p.time { + color: #d7d7e1; } + +.user .container .grid .repository.list .item .description .tags a .label { + background: #3c3c5a; + color: #f5f5ff; } + .user .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; } + +/* 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; + color: #d7d7e1; } + 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: #d7d7e1; } + footer .ui.container .links a:hover { + text-decoration: underline; } + footer .ui.container .links > * { + border: 0; + padding: 0; + margin-left: 30px; } diff --git a/public/css/theme-gitea-vrifox-frontend.css b/public/css/theme-gitea-vrifox-frontend.css new file mode 100644 index 0000000..061fa52 --- /dev/null +++ b/public/css/theme-gitea-vrifox-frontend.css @@ -0,0 +1,666 @@ +/* ------------------------------------------------ */ +/* DON'T EDIT THIS FILE; EDIT THE SCSS/SASS INSTEAD */ +/* ------------------------------------------------ */ +* { + scrollbar-color: #ff8282 #3c3c5a; + scrollbar-width: thin; } + *::selection { + background: #f5f5ff; } + +body { + background: #28283c; + color: #f5f5ff; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + +a { + color: white; + transition: color 0.2s; } + a:hover { + color: #ff8282; } + +body > .full.height::first-line, +.full.height > span { + font-size: 0; + line-height: 0px; } + +.ui.main.menu { + background: #3c3c5a; + border-bottom: 0; + font-size: 1em; + min-height: 64px; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .ui.main.menu #navbar { + width: 1127px; + padding: 0; } + .ui.main.menu #navbar .item { + color: #f5f5ff; } + .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.brand .button.mobile-only { + display: none; } + .ui.main.menu #navbar .item[href*="explore"], .ui.main.menu #navbar .item[href*="docs.gitea"] { + display: none !important; } + .ui.main.menu #navbar .item:not(.brand) { + border-radius: 0; + display: block; + margin: 0px 0px; + padding: 24px; + transition: background .2s, color .2s; } + .ui.main.menu #navbar .item:not(.brand):hover { + background: #32324b; } + .ui.main.menu #navbar .item.active:not(.brand) { + background: #32324b; } + .ui.main.menu #navbar .seperator { + cursor: default; + display: block; + padding: 22px; } + .ui.main.menu #navbar .right.stackable.menu { + display: none; } + .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; } + +@media (max-width: 767.98px) { + .ui.main.menu { + flex-direction: row; + overflow-x: auto; + overflow-y: hidden; + white-space: nowrap; } + .ui.main.menu #navbar .item { + width: auto !important; } + .ui.main.menu #navbar .right.custom.menu { + display: inherit !important; + flex-direction: row !important; + margin-left: auto !important; } } + +/* 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 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 { + display: none; } + .repository .header-wrapper .repo-header .repo-buttons .button { + background: #3c3c5a; + box-shadow: none; + color: #f5f5ff; + transition: background .2s, color .2s; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .repository .header-wrapper .repo-header .repo-buttons .button:hover { + background: #32324b; + color: white; } + .repository .header-wrapper .repo-header .repo-buttons .label { + 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.container .menu.navbar .item { + color: #d7d7e1; + transition: color .2s; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .repository .header-wrapper .tabs.container .menu.navbar .item:hover { + color: white; } + .repository .header-wrapper .tabs.container .menu.navbar .item.active { + background: #3c3c5a; + border: 0; + color: #f5f5ff; } + .repository .header-wrapper .tabs.container .menu.navbar .item.active span.label { + background: #32324b; } + .repository .header-wrapper .tabs.container .menu.navbar .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; + box-shadow: none; + height: initial; + overflow: auto; } + .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 { + background: #3c3c5a; + padding: 0; } + .repository .container .repository-summary .language-stats-details .horizontal.list .item { + padding: 10px; + border-radius: 0; } + .repository .container .repository-summary .language-stats-details .horizontal.list .item .color-icon { + display: none; } + .repository .container .repository-summary .language-stats-details .horizontal.list .item span { + color: #f5f5ff; } + .repository .container .repository-summary .language-stats { + display: none; } + +.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; + box-shadow: none !important; + font-family: monospace, 'Lucida Console', 'Monaco' !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; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .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; + display: none; } + .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:hover .menu { + background: #3c3c5a; + border: 1px solid #32324b; + box-shadow: none; + display: block !important; } + .repository .container .secondary.menu .item div.dropdown.button:hover .menu .item { + color: #f5f5ff !important; } + .repository .container .secondary.menu .item div.dropdown.button:hover .menu .item: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 { + background: #1e1e2d; + border: 0; + border-radius: 5px; + color: #f5f5ff; } + .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: #d7d7e1 !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; + border: 0; + color: #f5f5ff; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .repository .container .non-diff-file-content .table { + background: #1e1e2d; + border: 0; + color: #f5f5ff; } + +/* repository: releases */ +.repository.release .container .header { + background: transparent; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + +.repository.release .container #release-list { + border-top: 1px solid #3c3c5a; } + +/* repository: activity */ +.repository.commits .container h2.header { + font-family: monospace, 'Lucida Console', 'Monaco' !important; + background: transparent; } + .repository.commits .container h2.header .filter .button { + background: #3c3c5a; + color: #f5f5ff; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .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 { + border: 0; } + .repository.commits .container .segment .text { + background: #1e1e2d; } + +/* 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; + color: #f5f5ff; } + .repository.diff .container .top.info .button { + background: #505078; + box-shadow: none; + color: #f5f5ff; } + .repository.diff .container .top.info .button:hover { + background: #464669; } + .repository.diff .container .top.info .text.grey { + color: #d7d7e1 !important; } + +.repository.diff .container .info { + background: #32324b; + border: 0; + color: #f5f5ff; } + .repository.diff .container .info .text.grey .time-since { + color: #d7d7e1 !important; } + .repository.diff .container .info .sha.label { + background: #464669; + border: 0 !important; + color: #f5f5ff; + transition: background .2s, color .2s; } + .repository.diff .container .info .sha.label:hover { + background: #3c3c5a; + color: white; } + +.repository.diff .container .diff-detail-box { + background: #32324b; + color: #f5f5ff; + padding: 10px; } + .repository.diff .container .diff-detail-box .button { + background: #464669; + color: #f5f5ff; } + .repository.diff .container .diff-detail-box .button:hover { + background: #3c3c5a; } + .repository.diff .container .diff-detail-box .button .menu { + 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; } + +.repository.diff .container .diff-file-box .diff-file-header .file { + color: #f5f5ff; } + +.repository.diff .container .diff-file-box .diff-file-header .button { + background: #505078; + box-shadow: none; + color: #f5f5ff; } + .repository.diff .container .diff-file-box .diff-file-header .button:hover { + background: #464669; } + +.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .tag-code td { + background: #1e1e2d !important; + border-color: #3c3c5a !important; + color: white; } + +.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .same-code td { + background: #1e1e2d !important; + border-color: #3c3c5a !important; + color: white; } + +.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .del-code td { + background: #ff8282 !important; + border-color: #ff6464 !important; + color: white; } + .repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .del-code td .removed-code { + background: #ff6464; } + +.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .add-code td { + background: #82dc96 !important; + border-color: #64dc78 !important; + color: white; } + .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; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .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; + 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 .container .grid .card { + background: #32324b; + box-shadow: none; + color: #f5f5ff; } + .user .container .grid .card .content .header { + color: #f5f5ff; } + .user .container .grid .card .extra.content ul { + color: #f5f5ff; } + .user .container .grid .card .extra.content ul li:not(:last-child) { + border-bottom: 1px solid #3c3c5a; } + .user .container .grid .card .extra.content ul a { + color: white; } + .user .container .grid .card .extra.content ul a:hover { + color: #ff8282; } + +.user .container .grid .secondary.menu { + overflow-x: auto; + overflow-y: hidden; } + .user .container .grid .secondary.menu .item { + color: #d7d7e1; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .user .container .grid .secondary.menu .item:hover { + color: white; } + .user .container .grid .secondary.menu .item.active { + color: #f5f5ff; } + .user .container .grid .secondary.menu .item.active:hover { + color: white; } + .user .container .grid .secondary.menu .item svg { + display: none; } + .user .container .grid .secondary.menu .item .label { + background: #3c3c5a; } + .user .container .grid .secondary.menu .item[href*="stars"], .user .container .grid .secondary.menu .item[href*="following"], .user .container .grid .secondary.menu .item[href*="followers"] { + display: none; } + +.user .container .grid .filter.menu { + display: none; } + +.user .container .grid form.form .input input { + background: #28283c; + border: 2px solid #3c3c5a; + color: #f5f5ff; } + .user .container .grid form.form .input input:focus { + background: #32324b; + border: 2px solid #3c3c5a; + color: white; } + +.user .container .grid form.form .input .button { + background: #3c3c5a; + border: 0; } + .user .container .grid form.form .input .button:hover { + background: #32324b; } + +.user .container .grid .divider { + border-bottom: 1px solid #3c3c5a; } + +.user .container .grid .repository.list .item:not(:first-child) { + border-top: 1px solid #3c3c5a; } + +.user .container .grid .repository.list .item .header a.name { + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .user .container .grid .repository.list .item .header a.name i.archive.icon { + color: #d7d7e1 !important; } + +.user .container .grid .repository.list .item .header .metas { + display: none; } + .user .container .grid .repository.list .item .header .metas span { + color: #d7d7e1 !important; } + +.user .container .grid .repository.list .item .description p { + color: #f5f5ff; } + .user .container .grid .repository.list .item .description p.time { + color: #d7d7e1; } + +.user .container .grid .repository.list .item .description .tags a .label { + background: #3c3c5a; + color: #f5f5ff; } + .user .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; } + +/* 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; + color: #d7d7e1; } + 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: #d7d7e1; } + footer .ui.container .links a:hover { + text-decoration: underline; } + footer .ui.container .links > * { + border: 0; + padding: 0; + margin-left: 30px; } + footer .ui.container .links a[href~="/api/swagger"], + footer .ui.container .links .version { + display: none; } + footer .ui.container .links .language { + display: none; } diff --git a/public/css/theme-gitea-vrifox-nojs.css b/public/css/theme-gitea-vrifox-nojs.css new file mode 100644 index 0000000..188e053 --- /dev/null +++ b/public/css/theme-gitea-vrifox-nojs.css @@ -0,0 +1,666 @@ +/* ------------------------------------------------ */ +/* DON'T EDIT THIS FILE; EDIT THE SCSS/SASS INSTEAD */ +/* ------------------------------------------------ */ +* { + scrollbar-color: #ff8282 #3c3c5a; + scrollbar-width: thin; } + *::selection { + background: #f5f5ff; } + +body { + background: #28283c; + color: #f5f5ff; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + +a { + color: white; + transition: color 0.2s; } + a:hover { + color: #ff8282; } + +body > .full.height::first-line, +.full.height > span { + font-size: 0; + line-height: 0px; } + +.ui.main.menu { + background: #3c3c5a; + border-bottom: 0; + font-size: initial; + min-height: 64px; + overflow-x: auto; + overflow-y: hidden; + white-space: nowrap; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .ui.main.menu #navbar { + width: 1127px; + padding: 0; } + .ui.main.menu #navbar .item { + color: #f5f5ff; } + .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.brand .button.mobile-only { + display: none; } + .ui.main.menu #navbar .item[href*="explore"], .ui.main.menu #navbar .item[href*="docs.gitea"] { + display: none !important; } + .ui.main.menu #navbar .item:not(.brand) { + border-radius: 0; + display: block; + margin: 0px 0px; + padding: 24px; + transition: background .2s, color .2s; } + .ui.main.menu #navbar .item:not(.brand):hover { + background: #32324b; } + .ui.main.menu #navbar .item.active:not(.brand) { + background: #32324b; } + .ui.main.menu #navbar .seperator { + cursor: default; + display: block; + padding: 22px; } + .ui.main.menu #navbar .right.stackable.menu { + display: none !important; } + .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; } + +@media (max-width: 767.98px) { + .ui.main.menu { + flex-direction: row; } + .ui.main.menu #navbar .item { + width: auto !important; } + .ui.main.menu #navbar .right.custom.menu { + display: inherit !important; + flex-direction: row !important; + margin-left: auto !important; } } + +/* 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 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 { + display: none !important; } + .repository .header-wrapper .repo-header .repo-buttons .button { + background: #3c3c5a; + box-shadow: none; + color: #f5f5ff; + transition: background .2s, color .2s; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .repository .header-wrapper .repo-header .repo-buttons .button:hover { + background: #32324b; + color: white; } + .repository .header-wrapper .repo-header .repo-buttons .label { + 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.container .menu.navbar .item { + color: #d7d7e1; + transition: color .2s; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .repository .header-wrapper .tabs.container .menu.navbar .item:hover { + color: white; } + .repository .header-wrapper .tabs.container .menu.navbar .item.active { + background: #3c3c5a; + border: 0; + color: #f5f5ff; } + .repository .header-wrapper .tabs.container .menu.navbar .item.active span.label { + background: #32324b; } + .repository .header-wrapper .tabs.container .menu.navbar .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; + box-shadow: none; + height: initial; + overflow: auto; } + .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 { + background: #3c3c5a; + padding: 0; } + .repository .container .repository-summary .language-stats-details .horizontal.list .item { + border-radius: 0; + padding: 10px; } + .repository .container .repository-summary .language-stats-details .horizontal.list .item .color-icon { + display: none; } + .repository .container .repository-summary .language-stats-details .horizontal.list .item span { + color: #f5f5ff; } + .repository .container .repository-summary .language-stats { + display: none; } + +.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; + box-shadow: none !important; + font-family: monospace, 'Lucida Console', 'Monaco' !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; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .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; + display: none; } + .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:hover .menu { + background: #3c3c5a; + border: 1px solid #32324b; + box-shadow: none; + display: block !important; } + .repository .container .secondary.menu .item div.dropdown.button:hover .menu .item { + color: #f5f5ff !important; } + .repository .container .secondary.menu .item div.dropdown.button:hover .menu .item: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 { + background: #1e1e2d; + border: 0; + border-radius: 5px; + color: #f5f5ff; } + .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: #d7d7e1 !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; + border: 0; + color: #f5f5ff; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .repository .container .non-diff-file-content .table { + background: #1e1e2d; + border: 0; + color: #f5f5ff; } + +/* repository: releases */ +.repository.release .container .header { + background: transparent; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + +.repository.release .container #release-list { + border-top: 1px solid #3c3c5a; } + +/* repository: activity */ +.repository.commits .container h2.header { + font-family: monospace, 'Lucida Console', 'Monaco' !important; + background: transparent; } + .repository.commits .container h2.header .filter .button { + background: #3c3c5a; + color: #f5f5ff; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .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 { + border: 0; } + .repository.commits .container .segment .text { + background: #1e1e2d; } + +/* 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; + color: #f5f5ff; } + .repository.diff .container .top.info .button { + background: #505078; + box-shadow: none; + color: #f5f5ff; } + .repository.diff .container .top.info .button:hover { + background: #464669; } + .repository.diff .container .top.info .text.grey { + color: #d7d7e1 !important; } + +.repository.diff .container .info { + background: #32324b; + border: 0; + color: #f5f5ff; } + .repository.diff .container .info .text.grey .time-since { + color: #d7d7e1 !important; } + .repository.diff .container .info .sha.label { + background: #464669; + border: 0 !important; + color: #f5f5ff; + transition: background .2s, color .2s; } + .repository.diff .container .info .sha.label:hover { + background: #3c3c5a; + color: white; } + +.repository.diff .container .diff-detail-box { + background: #32324b; + color: #f5f5ff; + padding: 10px; } + .repository.diff .container .diff-detail-box .button { + background: #464669; + color: #f5f5ff; } + .repository.diff .container .diff-detail-box .button:hover { + background: #3c3c5a; } + .repository.diff .container .diff-detail-box .button .menu { + 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; } + +.repository.diff .container .diff-file-box .diff-file-header .file { + color: #f5f5ff; } + +.repository.diff .container .diff-file-box .diff-file-header .button { + background: #505078; + box-shadow: none; + color: #f5f5ff; } + .repository.diff .container .diff-file-box .diff-file-header .button:hover { + background: #464669; } + +.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .tag-code td { + background: #1e1e2d !important; + border-color: #3c3c5a !important; + color: white; } + +.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .same-code td { + background: #1e1e2d !important; + border-color: #3c3c5a !important; + color: white; } + +.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .del-code td { + background: #ff8282 !important; + border-color: #ff6464 !important; + color: white; } + .repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .del-code td .removed-code { + background: #ff6464; } + +.repository.diff .container .diff-file-box .diff-file-body .file-body table tbody .add-code td { + background: #82dc96 !important; + border-color: #64dc78 !important; + color: white; } + .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; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .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; + 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 .container .grid .card { + background: #32324b; + box-shadow: none; + color: #f5f5ff; } + .user .container .grid .card .content .header { + color: #f5f5ff; } + .user .container .grid .card .extra.content ul { + color: #f5f5ff; } + .user .container .grid .card .extra.content ul li:not(:last-child) { + border-bottom: 1px solid #3c3c5a; } + .user .container .grid .card .extra.content ul a { + color: white; } + .user .container .grid .card .extra.content ul a:hover { + color: #ff8282; } + +.user .container .grid .secondary.menu { + overflow-x: auto; + overflow-y: hidden; } + .user .container .grid .secondary.menu .item { + color: #d7d7e1; + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .user .container .grid .secondary.menu .item:hover { + color: white; } + .user .container .grid .secondary.menu .item.active { + color: #f5f5ff; } + .user .container .grid .secondary.menu .item.active:hover { + color: white; } + .user .container .grid .secondary.menu .item svg { + display: none; } + .user .container .grid .secondary.menu .item .label { + background: #3c3c5a; } + .user .container .grid .secondary.menu .item[href*="stars"], .user .container .grid .secondary.menu .item[href*="following"], .user .container .grid .secondary.menu .item[href*="followers"] { + display: none !important; } + +.user .container .grid .filter.menu { + display: none; } + +.user .container .grid form.form .input input { + background: #28283c; + border: 2px solid #3c3c5a; + color: #f5f5ff; } + .user .container .grid form.form .input input:focus { + background: #32324b; + border: 2px solid #3c3c5a; + color: white; } + +.user .container .grid form.form .input .button { + background: #3c3c5a; + border: 0; } + .user .container .grid form.form .input .button:hover { + background: #32324b; } + +.user .container .grid .divider { + border-bottom: 1px solid #3c3c5a; } + +.user .container .grid .repository.list .item:not(:first-child) { + border-top: 1px solid #3c3c5a; } + +.user .container .grid .repository.list .item .header a.name { + font-family: monospace, 'Lucida Console', 'Monaco' !important; } + .user .container .grid .repository.list .item .header a.name i.archive.icon { + color: #d7d7e1 !important; } + +.user .container .grid .repository.list .item .header .metas { + display: none !important; } + .user .container .grid .repository.list .item .header .metas span { + color: #d7d7e1 !important; } + +.user .container .grid .repository.list .item .description p { + color: #f5f5ff; } + .user .container .grid .repository.list .item .description p.time { + color: #d7d7e1; } + +.user .container .grid .repository.list .item .description .tags a .label { + background: #3c3c5a; + color: #f5f5ff; } + .user .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; } + +/* 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; + color: #d7d7e1; } + 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: #d7d7e1; } + footer .ui.container .links a:hover { + text-decoration: underline; } + footer .ui.container .links > * { + border: 0; + padding: 0; + margin-left: 30px; } + footer .ui.container .links a[href~="/api/swagger"], + footer .ui.container .links .version { + display: none; } + footer .ui.container .links .language { + display: none; } diff --git a/public/css/theme-vrifox-2020.css b/public/css/theme-gitea-vrifox.css similarity index 93% rename from public/css/theme-vrifox-2020.css rename to public/css/theme-gitea-vrifox.css index e299e46..c2ad267 100644 --- a/public/css/theme-vrifox-2020.css +++ b/public/css/theme-gitea-vrifox.css @@ -18,21 +18,35 @@ a { a:hover { color: #ff8282; } +body > .full.height::first-line, +.full.height > span { + font-size: 0; + line-height: 0px; } + .ui.main.menu { background: #3c3c5a; border-bottom: 0; + font-size: initial; min-height: 64px; + overflow-x: auto; + overflow-y: hidden; + white-space: nowrap; font-family: monospace, 'Lucida Console', 'Monaco' !important; } .ui.main.menu #navbar { - width: 1127px; } + width: 1127px; + padding: 0; } .ui.main.menu #navbar .item { - color: #d7d7e1; } + color: #f5f5ff; } .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.brand .button.mobile-only { + display: none; } + .ui.main.menu #navbar .item[href*="explore"], .ui.main.menu #navbar .item[href*="docs.gitea"] { + opacity: 1; } .ui.main.menu #navbar .item:not(.brand) { border-radius: 0; display: block; @@ -40,11 +54,15 @@ a { padding: 24px; transition: background .2s, color .2s; } .ui.main.menu #navbar .item:not(.brand):hover { - background: #32324b; - color: white; } + background: #32324b; } .ui.main.menu #navbar .item.active:not(.brand) { - background: #32324b; - color: #f5f5ff; } + background: #32324b; } + .ui.main.menu #navbar .seperator { + cursor: default; + display: block; + padding: 22px; } + .ui.main.menu #navbar .right.stackable.menu { + opacity: 1; } .ui.main.menu .dropdown.item > .menu { margin-top: 0; } .ui.main.menu .dropdown.item > .menu, .ui.main.menu.text.menu .dropdown.item > .menu { @@ -55,6 +73,16 @@ a { .ui.main.menu a.item:hover { color: #ffffff; } +@media (max-width: 767.98px) { + .ui.main.menu { + flex-direction: row; } + .ui.main.menu #navbar .item { + width: auto !important; } + .ui.main.menu #navbar .right.custom.menu { + display: inherit !important; + flex-direction: row !important; + margin-left: auto !important; } } + /* repository: code / main */ .repository .header-wrapper { background-color: #464669; } @@ -67,7 +95,7 @@ a { .repository .header-wrapper .repo-header .repo-title .svg.octicon-repo { display: none; } .repository .header-wrapper .repo-header .repo-buttons { - display: none; } + opacity: 1; } .repository .header-wrapper .repo-header .repo-buttons .button { background: #3c3c5a; box-shadow: none; @@ -177,7 +205,8 @@ a { color: white; } .repository .container .secondary.menu .item #clipboard-btn { - background: #3c3c5a; } + background: #3c3c5a; + opacity: 1; } .repository .container .secondary.menu .item #clipboard-btn:hover { background: #32324b; } .repository .container .secondary.menu .item #clipboard-btn .svg { @@ -187,16 +216,17 @@ a { 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 .secondary.menu .item div.dropdown.button .download.icon .menu { + .repository .container .secondary.menu .item div.dropdown.button:hover .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 { + box-shadow: none; + display: block !important; } + .repository .container .secondary.menu .item div.dropdown.button:hover .menu .item { + color: #f5f5ff !important; } + .repository .container .secondary.menu .item div.dropdown.button:hover .menu .item:hover { background: #32324b; } + .repository .container .secondary.menu .item div.dropdown.button .download.icon { + color: #f5f5ff; } .repository .container .header { background: #3c3c5a; @@ -524,13 +554,15 @@ a { color: #f5f5ff; } .user .container .grid .secondary.menu .item.active:hover { color: white; } + .user .container .grid .secondary.menu .item svg { + opacity: 1; } .user .container .grid .secondary.menu .item .label { background: #3c3c5a; } .user .container .grid .secondary.menu .item[href*="stars"], .user .container .grid .secondary.menu .item[href*="following"], .user .container .grid .secondary.menu .item[href*="followers"] { - display: none; } + opacity: 1; } .user .container .grid .filter.menu { - display: none; } + opacity: 1; } .user .container .grid form.form .input input { background: #28283c; @@ -559,7 +591,7 @@ a { color: #d7d7e1 !important; } .user .container .grid .repository.list .item .header .metas { - display: none; } + opacity: 1; } .user .container .grid .repository.list .item .header .metas span { color: #d7d7e1 !important; } @@ -611,7 +643,7 @@ a { footer { background: #1e1e2d; border-top: 1px solid #28283c; - color: #c8c8e6; } + color: #d7d7e1; } footer .ui.container { display: flex; align-items: center; @@ -620,11 +652,15 @@ footer { footer .ui.container .links { margin-left: auto; } footer .ui.container .links a { - color: #c8c8e6; } + color: #d7d7e1; } footer .ui.container .links a:hover { text-decoration: underline; } footer .ui.container .links > * { - border-left-color: #c8c8e6; } + border: 0; + padding: 0; + margin-left: 30px; } footer .ui.container .links a[href~="/api/swagger"], footer .ui.container .links .version { display: none; } + footer .ui.container .links .language { + opacity: 1; } diff --git a/source/partials/_footer.scss b/source/partials/_footer.scss index 73a2466..2305922 100644 --- a/source/partials/_footer.scss +++ b/source/partials/_footer.scss @@ -1,7 +1,7 @@ footer { background: rgb(30, 30, 45); border-top: 1px solid rgb(40, 40, 60); - color: rgb(200, 200, 230); + color: rgb(215, 215, 225); .ui.container { display: flex; align-items: center; @@ -10,17 +10,26 @@ footer { .links { margin-left: auto; a { - color: rgb(200, 200, 230); + color: rgb(215, 215, 225); &:hover { text-decoration: underline; } } > * { - border-left-color: rgb(200, 200, 230); + border: 0; + padding: 0; + margin-left: 30px; } - a[href~="/api/swagger"], - .version { - display:none; + @if $singleuser == true { + a[href~="/api/swagger"], + .version { + display:none; + } + } + @if $nojavascript == true { + .language { + display: none; + } } } } diff --git a/source/partials/_main.scss b/source/partials/_main.scss index 6f41939..08ae36f 100644 --- a/source/partials/_main.scss +++ b/source/partials/_main.scss @@ -19,3 +19,9 @@ a { color: rgb(255, 130, 130); } } + +body > .full.height::first-line, // makes »This website works better with JavaScript.« invisible, but there is still a gap if javascript is disabled (client-side). +.full.height > span { + font-size: 0; + line-height: 0px; +} diff --git a/source/partials/_nav.scss b/source/partials/_nav.scss index e823955..55c82f6 100644 --- a/source/partials/_nav.scss +++ b/source/partials/_nav.scss @@ -1,12 +1,14 @@ .ui.main.menu { background: rgb(60, 60, 90); border-bottom: 0; + font-size: 1em; min-height: 64px; @include font-family(); #navbar { width: 1127px ; + padding: 0; .item { - color: rgb(215, 215, 225); + color: rgb(245, 245, 255); &.brand { margin: 0 .5rem 0 0; .mini.image { @@ -15,6 +17,15 @@ opacity: .9; } } + .button.mobile-only { + display: none; + } + } + @if $singleuser == true { + &[href*="explore"], + &[href*="docs.gitea"] { + display: none !important; + } } &:not(.brand) { border-radius: 0; @@ -24,14 +35,22 @@ transition: background .2s, color .2s; &:hover { background: rgb(50, 50, 75); - color: rgb(255, 255, 255); } &.active { background: rgb(50, 50, 75); - color: rgb(245, 245, 255); } } } + .seperator { + cursor: default; + display: block; + padding: 22px; + } + @if $singleuser == true { + .right.stackable.menu { + display: none; + } + } } .dropdown.item > .menu { margin-top: 0; @@ -47,3 +66,22 @@ color: #ffffff; } } + +@media (max-width: 767.98px) { + .ui.main.menu { + flex-direction: row; + overflow-x: auto; + overflow-y: hidden; + white-space: nowrap; + #navbar { + .item { + width: auto !important; + } + .right.custom.menu { + display: inherit !important; + flex-direction: row !important; + margin-left: auto !important; + } + } + } +} diff --git a/source/partials/explore.scss b/source/partials/explore.scss index 9465a55..c7ff6f7 100644 --- a/source/partials/explore.scss +++ b/source/partials/explore.scss @@ -22,8 +22,10 @@ } } .container { - .filter.menu { - display: none; + @if $nojavascript == true { + .filter.menu { + display: none; + } } form.form { .input { diff --git a/source/partials/repository.scss b/source/partials/repository.scss index 01c8f42..2727c80 100644 --- a/source/partials/repository.scss +++ b/source/partials/repository.scss @@ -20,7 +20,9 @@ } } .repo-buttons { - @include display-none-single-user(); + @if $singleuser == true { + display: none; + } .button { background: rgb(60, 60, 90); box-shadow: none; @@ -101,8 +103,10 @@ .repository-summary { border: 0; box-shadow: none; - height: initial; // no-javascript fix - overflow: auto; // no-javascript fix + @if $nojavascript == true { + height: initial; + overflow: auto; + } .repository-menu { background: rgb(50, 50, 75); .item { @@ -115,23 +119,33 @@ } } .language-stats-details { - background: rgb(60, 60, 90); // no-javascript fix - padding: 0; // no-javascript fix + @if $nojavascript == true { + background: rgb(60, 60, 90); + padding: 0; + } .horizontal.list { .item { - border-radius: 0; // no-javascript fix padding: 10px; + @if $nojavascript == true { + border-radius: 0; + } .color-icon { - display: none; // no-javascript fix + @if $nojavascript == true { + display: none; + } } span { - color: rgb(245, 245, 255); // no-javascript fix + @if $nojavascript == true { + color: rgb(245, 245, 255); + } } } } } .language-stats { - display: none; // no-javascript fix + @if $nojavascript == true { + display: none; + } } } .secondary.menu { @@ -177,6 +191,9 @@ } #clipboard-btn { background: rgb(60, 60, 90); + @if $nojavascript == true { + display: none; + } &:hover { background: rgb(50, 50, 75); } @@ -188,21 +205,24 @@ background: rgb(60, 60, 90); &:hover { background: rgb(50, 50, 75); - } - .download.icon { - color: rgb(245, 245, 255); .menu { background: rgb(60, 60, 90); border: 1px solid rgb(50, 50, 75); box-shadow: none; + @if $nojavascript == true { + display: block !important; + } .item { - color: rgb(245, 245, 255); + color: rgb(245, 245, 255) !important; &:hover { background: rgb(50, 50, 75); } } } } + .download.icon { + color: rgb(245, 245, 255); + } } } } diff --git a/source/partials/user.scss b/source/partials/user.scss index da869f2..4e4395d 100644 --- a/source/partials/user.scss +++ b/source/partials/user.scss @@ -43,18 +43,27 @@ color: rgb(255, 255, 255); } } + @if $nojavascript == true { + svg { + display: none; + } + } .label { background: rgb(60, 60, 90); } - &[href*="stars"], - &[href*="following"], - &[href*="followers"] { - @include display-none-single-user(); + @if $singleuser == true { + &[href*="stars"], + &[href*="following"], + &[href*="followers"] { + display: none; + } } } } - .filter.menu { - @include display-none-javascript(); + @if $nojavascript == true { + .filter.menu { + display: none; + } } form.form { .input { @@ -93,7 +102,9 @@ } } .metas { - @include display-none-single-user(); + @if $singleuser == true { + display: none; + } span { color: rgb(215, 215, 225) !important; } diff --git a/source/theme-gitea-vrifox-backend.scss b/source/theme-gitea-vrifox-backend.scss new file mode 100644 index 0000000..7512335 --- /dev/null +++ b/source/theme-gitea-vrifox-backend.scss @@ -0,0 +1,28 @@ +/* ------------------------------------------------ */ +/* DON'T EDIT THIS FILE; EDIT THE SCSS/SASS INSTEAD */ +/* ------------------------------------------------ */ + +@mixin font-family() { + font-family: monospace, 'Lucida Console', 'Monaco' !important; +} + +// +// Settings +// + +$singleuser: false; // disables functions, that are not necessary if you are the only user (or at least as »frontend«) +$nojavascript: false; // disables or corrects functions, that would not work with disabled javascript (e.g. throught content security policy) + +@import 'partials/main'; + +@import 'partials/nav'; + + +@import 'partials/repository.scss'; + +@import 'partials/explore.scss'; + +@import 'partials/user.scss'; + + +@import 'partials/footer'; diff --git a/source/gitea-theme-git.vrifox.cc.scss b/source/theme-gitea-vrifox-frontend.scss similarity index 60% rename from source/gitea-theme-git.vrifox.cc.scss rename to source/theme-gitea-vrifox-frontend.scss index 3385147..96ae3a9 100644 --- a/source/gitea-theme-git.vrifox.cc.scss +++ b/source/theme-gitea-vrifox-frontend.scss @@ -5,12 +5,13 @@ @mixin font-family() { font-family: monospace, 'Lucida Console', 'Monaco' !important; } -@mixin display-none-single-user() { //items that are useless on a single-user instance - display: none; -} -@mixin display-none-javascript() { //items that are useless if javascript is (partially) disabled (server) - display: none; -} + +// +// Settings +// + +$singleuser: true; // disables functions, that are not necessary if you are the only user (or at least as »frontend«) +$nojavascript: true; // disables or corrects functions, that would not work with disabled javascript (e.g. throught content security policy) @import 'partials/main';