vrifox/gitea-theme
Archived
1
0
Fork 0

added settings and two templates; language-stats and repo download no-js variant; other changes I may have forgotten …

This commit is contained in:
Vrifox 2020-10-04 11:08:52 +02:00
parent 6bb95104b6
commit 897f799539
12 changed files with 2170 additions and 58 deletions

View file

@ -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; }

View file

@ -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; }

View file

@ -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; }

View file

@ -18,21 +18,35 @@ a {
a:hover { a:hover {
color: #ff8282; } color: #ff8282; }
body > .full.height::first-line,
.full.height > span {
font-size: 0;
line-height: 0px; }
.ui.main.menu { .ui.main.menu {
background: #3c3c5a; background: #3c3c5a;
border-bottom: 0; border-bottom: 0;
font-size: initial;
min-height: 64px; min-height: 64px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
font-family: monospace, 'Lucida Console', 'Monaco' !important; } font-family: monospace, 'Lucida Console', 'Monaco' !important; }
.ui.main.menu #navbar { .ui.main.menu #navbar {
width: 1127px; } width: 1127px;
padding: 0; }
.ui.main.menu #navbar .item { .ui.main.menu #navbar .item {
color: #d7d7e1; } color: #f5f5ff; }
.ui.main.menu #navbar .item.brand { .ui.main.menu #navbar .item.brand {
margin: 0 .5rem 0 0; } margin: 0 .5rem 0 0; }
.ui.main.menu #navbar .item.brand .mini.image { .ui.main.menu #navbar .item.brand .mini.image {
transition: opacity .2s; } transition: opacity .2s; }
.ui.main.menu #navbar .item.brand .mini.image:hover { .ui.main.menu #navbar .item.brand .mini.image:hover {
opacity: .9; } 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) { .ui.main.menu #navbar .item:not(.brand) {
border-radius: 0; border-radius: 0;
display: block; display: block;
@ -40,11 +54,15 @@ a {
padding: 24px; padding: 24px;
transition: background .2s, color .2s; } transition: background .2s, color .2s; }
.ui.main.menu #navbar .item:not(.brand):hover { .ui.main.menu #navbar .item:not(.brand):hover {
background: #32324b; background: #32324b; }
color: white; }
.ui.main.menu #navbar .item.active:not(.brand) { .ui.main.menu #navbar .item.active:not(.brand) {
background: #32324b; background: #32324b; }
color: #f5f5ff; } .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 { .ui.main.menu .dropdown.item > .menu {
margin-top: 0; } margin-top: 0; }
.ui.main.menu .dropdown.item > .menu, .ui.main.menu.text.menu .dropdown.item > .menu { .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 { .ui.main.menu a.item:hover {
color: #ffffff; } 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: code / main */
.repository .header-wrapper { .repository .header-wrapper {
background-color: #464669; } background-color: #464669; }
@ -67,7 +95,7 @@ a {
.repository .header-wrapper .repo-header .repo-title .svg.octicon-repo { .repository .header-wrapper .repo-header .repo-title .svg.octicon-repo {
display: none; } display: none; }
.repository .header-wrapper .repo-header .repo-buttons { .repository .header-wrapper .repo-header .repo-buttons {
display: none; } opacity: 1; }
.repository .header-wrapper .repo-header .repo-buttons .button { .repository .header-wrapper .repo-header .repo-buttons .button {
background: #3c3c5a; background: #3c3c5a;
box-shadow: none; box-shadow: none;
@ -177,7 +205,8 @@ a {
color: white; } color: white; }
.repository .container .secondary.menu .item #clipboard-btn { .repository .container .secondary.menu .item #clipboard-btn {
background: #3c3c5a; } background: #3c3c5a;
opacity: 1; }
.repository .container .secondary.menu .item #clipboard-btn:hover { .repository .container .secondary.menu .item #clipboard-btn:hover {
background: #32324b; } background: #32324b; }
.repository .container .secondary.menu .item #clipboard-btn .svg { .repository .container .secondary.menu .item #clipboard-btn .svg {
@ -187,16 +216,17 @@ a {
background: #3c3c5a; } background: #3c3c5a; }
.repository .container .secondary.menu .item div.dropdown.button:hover { .repository .container .secondary.menu .item div.dropdown.button:hover {
background: #32324b; } background: #32324b; }
.repository .container .secondary.menu .item div.dropdown.button .download.icon { .repository .container .secondary.menu .item div.dropdown.button:hover .menu {
color: #f5f5ff; }
.repository .container .secondary.menu .item div.dropdown.button .download.icon .menu {
background: #3c3c5a; background: #3c3c5a;
border: 1px solid #32324b; border: 1px solid #32324b;
box-shadow: none; } box-shadow: none;
.repository .container .secondary.menu .item div.dropdown.button .download.icon .menu .item { display: block !important; }
color: #f5f5ff; } .repository .container .secondary.menu .item div.dropdown.button:hover .menu .item {
.repository .container .secondary.menu .item div.dropdown.button .download.icon .menu .item:hover { color: #f5f5ff !important; }
.repository .container .secondary.menu .item div.dropdown.button:hover .menu .item:hover {
background: #32324b; } background: #32324b; }
.repository .container .secondary.menu .item div.dropdown.button .download.icon {
color: #f5f5ff; }
.repository .container .header { .repository .container .header {
background: #3c3c5a; background: #3c3c5a;
@ -524,13 +554,15 @@ a {
color: #f5f5ff; } color: #f5f5ff; }
.user .container .grid .secondary.menu .item.active:hover { .user .container .grid .secondary.menu .item.active:hover {
color: white; } color: white; }
.user .container .grid .secondary.menu .item svg {
opacity: 1; }
.user .container .grid .secondary.menu .item .label { .user .container .grid .secondary.menu .item .label {
background: #3c3c5a; } 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"] { .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 { .user .container .grid .filter.menu {
display: none; } opacity: 1; }
.user .container .grid form.form .input input { .user .container .grid form.form .input input {
background: #28283c; background: #28283c;
@ -559,7 +591,7 @@ a {
color: #d7d7e1 !important; } color: #d7d7e1 !important; }
.user .container .grid .repository.list .item .header .metas { .user .container .grid .repository.list .item .header .metas {
display: none; } opacity: 1; }
.user .container .grid .repository.list .item .header .metas span { .user .container .grid .repository.list .item .header .metas span {
color: #d7d7e1 !important; } color: #d7d7e1 !important; }
@ -611,7 +643,7 @@ a {
footer { footer {
background: #1e1e2d; background: #1e1e2d;
border-top: 1px solid #28283c; border-top: 1px solid #28283c;
color: #c8c8e6; } color: #d7d7e1; }
footer .ui.container { footer .ui.container {
display: flex; display: flex;
align-items: center; align-items: center;
@ -620,11 +652,15 @@ footer {
footer .ui.container .links { footer .ui.container .links {
margin-left: auto; } margin-left: auto; }
footer .ui.container .links a { footer .ui.container .links a {
color: #c8c8e6; } color: #d7d7e1; }
footer .ui.container .links a:hover { footer .ui.container .links a:hover {
text-decoration: underline; } text-decoration: underline; }
footer .ui.container .links > * { 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 a[href~="/api/swagger"],
footer .ui.container .links .version { footer .ui.container .links .version {
display: none; } display: none; }
footer .ui.container .links .language {
opacity: 1; }

View file

@ -1,7 +1,7 @@
footer { footer {
background: rgb(30, 30, 45); background: rgb(30, 30, 45);
border-top: 1px solid rgb(40, 40, 60); border-top: 1px solid rgb(40, 40, 60);
color: rgb(200, 200, 230); color: rgb(215, 215, 225);
.ui.container { .ui.container {
display: flex; display: flex;
align-items: center; align-items: center;
@ -10,18 +10,27 @@ footer {
.links { .links {
margin-left: auto; margin-left: auto;
a { a {
color: rgb(200, 200, 230); color: rgb(215, 215, 225);
&:hover { &:hover {
text-decoration: underline; text-decoration: underline;
} }
} }
> * { > * {
border-left-color: rgb(200, 200, 230); border: 0;
padding: 0;
margin-left: 30px;
} }
@if $singleuser == true {
a[href~="/api/swagger"], a[href~="/api/swagger"],
.version { .version {
display:none; display:none;
} }
} }
@if $nojavascript == true {
.language {
display: none;
}
}
}
} }
} }

View file

@ -19,3 +19,9 @@ a {
color: rgb(255, 130, 130); 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;
}

View file

@ -1,12 +1,14 @@
.ui.main.menu { .ui.main.menu {
background: rgb(60, 60, 90); background: rgb(60, 60, 90);
border-bottom: 0; border-bottom: 0;
font-size: 1em;
min-height: 64px; min-height: 64px;
@include font-family(); @include font-family();
#navbar { #navbar {
width: 1127px ; width: 1127px ;
padding: 0;
.item { .item {
color: rgb(215, 215, 225); color: rgb(245, 245, 255);
&.brand { &.brand {
margin: 0 .5rem 0 0; margin: 0 .5rem 0 0;
.mini.image { .mini.image {
@ -15,6 +17,15 @@
opacity: .9; opacity: .9;
} }
} }
.button.mobile-only {
display: none;
}
}
@if $singleuser == true {
&[href*="explore"],
&[href*="docs.gitea"] {
display: none !important;
}
} }
&:not(.brand) { &:not(.brand) {
border-radius: 0; border-radius: 0;
@ -24,14 +35,22 @@
transition: background .2s, color .2s; transition: background .2s, color .2s;
&:hover { &:hover {
background: rgb(50, 50, 75); background: rgb(50, 50, 75);
color: rgb(255, 255, 255);
} }
&.active { &.active {
background: rgb(50, 50, 75); 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 { .dropdown.item > .menu {
margin-top: 0; margin-top: 0;
@ -47,3 +66,22 @@
color: #ffffff; 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;
}
}
}
}

View file

@ -22,9 +22,11 @@
} }
} }
.container { .container {
@if $nojavascript == true {
.filter.menu { .filter.menu {
display: none; display: none;
} }
}
form.form { form.form {
.input { .input {
input { input {

View file

@ -20,7 +20,9 @@
} }
} }
.repo-buttons { .repo-buttons {
@include display-none-single-user(); @if $singleuser == true {
display: none;
}
.button { .button {
background: rgb(60, 60, 90); background: rgb(60, 60, 90);
box-shadow: none; box-shadow: none;
@ -101,8 +103,10 @@
.repository-summary { .repository-summary {
border: 0; border: 0;
box-shadow: none; box-shadow: none;
height: initial; // no-javascript fix @if $nojavascript == true {
overflow: auto; // no-javascript fix height: initial;
overflow: auto;
}
.repository-menu { .repository-menu {
background: rgb(50, 50, 75); background: rgb(50, 50, 75);
.item { .item {
@ -115,23 +119,33 @@
} }
} }
.language-stats-details { .language-stats-details {
background: rgb(60, 60, 90); // no-javascript fix @if $nojavascript == true {
padding: 0; // no-javascript fix background: rgb(60, 60, 90);
padding: 0;
}
.horizontal.list { .horizontal.list {
.item { .item {
border-radius: 0; // no-javascript fix
padding: 10px; padding: 10px;
@if $nojavascript == true {
border-radius: 0;
}
.color-icon { .color-icon {
display: none; // no-javascript fix @if $nojavascript == true {
display: none;
}
} }
span { span {
color: rgb(245, 245, 255); // no-javascript fix @if $nojavascript == true {
color: rgb(245, 245, 255);
}
} }
} }
} }
} }
.language-stats { .language-stats {
display: none; // no-javascript fix @if $nojavascript == true {
display: none;
}
} }
} }
.secondary.menu { .secondary.menu {
@ -177,6 +191,9 @@
} }
#clipboard-btn { #clipboard-btn {
background: rgb(60, 60, 90); background: rgb(60, 60, 90);
@if $nojavascript == true {
display: none;
}
&:hover { &:hover {
background: rgb(50, 50, 75); background: rgb(50, 50, 75);
} }
@ -188,21 +205,24 @@
background: rgb(60, 60, 90); background: rgb(60, 60, 90);
&:hover { &:hover {
background: rgb(50, 50, 75); background: rgb(50, 50, 75);
}
.download.icon {
color: rgb(245, 245, 255);
.menu { .menu {
background: rgb(60, 60, 90); background: rgb(60, 60, 90);
border: 1px solid rgb(50, 50, 75); border: 1px solid rgb(50, 50, 75);
box-shadow: none; box-shadow: none;
@if $nojavascript == true {
display: block !important;
}
.item { .item {
color: rgb(245, 245, 255); color: rgb(245, 245, 255) !important;
&:hover { &:hover {
background: rgb(50, 50, 75); background: rgb(50, 50, 75);
} }
} }
} }
} }
.download.icon {
color: rgb(245, 245, 255);
}
} }
} }
} }

View file

@ -43,18 +43,27 @@
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
} }
} }
@if $nojavascript == true {
svg {
display: none;
}
}
.label { .label {
background: rgb(60, 60, 90); background: rgb(60, 60, 90);
} }
@if $singleuser == true {
&[href*="stars"], &[href*="stars"],
&[href*="following"], &[href*="following"],
&[href*="followers"] { &[href*="followers"] {
@include display-none-single-user(); display: none;
} }
} }
} }
}
@if $nojavascript == true {
.filter.menu { .filter.menu {
@include display-none-javascript(); display: none;
}
} }
form.form { form.form {
.input { .input {
@ -93,7 +102,9 @@
} }
} }
.metas { .metas {
@include display-none-single-user(); @if $singleuser == true {
display: none;
}
span { span {
color: rgb(215, 215, 225) !important; color: rgb(215, 215, 225) !important;
} }

View file

@ -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';

View file

@ -5,12 +5,13 @@
@mixin font-family() { @mixin font-family() {
font-family: monospace, 'Lucida Console', 'Monaco' !important; font-family: monospace, 'Lucida Console', 'Monaco' !important;
} }
@mixin display-none-single-user() { //items that are useless on a single-user instance
display: none; //
} // Settings
@mixin display-none-javascript() { //items that are useless if javascript is (partially) disabled (server) //
display: none;
} $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'; @import 'partials/main';