optimized file layout and markdown styles
This commit is contained in:
Vrifox
parent
e064cfd482
commit
ae07ce8437
12 changed files with 1769 additions and 23 deletions
8
README.md
Normal file
8
README.md
Normal file
|
|
@ -0,0 +1,8 @@
|
||||||
|
scss of my [gitea theme](https://vrifox.cc/projects/gitea-theme).
|
||||||
|
|
||||||
|
## how to generate css out of scss
|
||||||
|
|
||||||
|
```sh
|
||||||
|
sassc frontend.scss frontend.css
|
||||||
|
sassc backend.scss backend.css
|
||||||
|
```
|
||||||
BIN
_legacy/2019-07-30.png
Normal file
BIN
_legacy/2019-07-30.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 99 KiB |
802
public/css/theme-backend.css
Normal file
802
public/css/theme-backend.css
Normal file
|
|
@ -0,0 +1,802 @@
|
||||||
|
/* ------------------------------------------------ */
|
||||||
|
/* 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: "Lucida Console", monospace; }
|
||||||
|
|
||||||
|
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: 15px;
|
||||||
|
min-height: 64px;
|
||||||
|
font-family: "Lucida Console", monospace; }
|
||||||
|
.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;
|
||||||
|
z-index: 110; }
|
||||||
|
.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: "Lucida Console", monospace; }
|
||||||
|
.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 {
|
||||||
|
border-bottom: 2px solid transparent;
|
||||||
|
border-radius: 5px 5px 0 0;
|
||||||
|
color: #d7d7e1;
|
||||||
|
transition: background .2s, color .2s;
|
||||||
|
font-family: "Lucida Console", monospace; }
|
||||||
|
.repository .header-wrapper .tabs.container .menu.navbar .item:hover {
|
||||||
|
background: #3c3c5a !important;
|
||||||
|
color: white; }
|
||||||
|
.repository .header-wrapper .tabs.container .menu.navbar .item.active {
|
||||||
|
background: transparent;
|
||||||
|
border: 0;
|
||||||
|
border-bottom: 2px solid;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.repository .header-wrapper .tabs.container .menu.navbar .item span.label {
|
||||||
|
background: #f5f5ff;
|
||||||
|
color: #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: #3c3c5a !important;
|
||||||
|
border-radius: 5px;
|
||||||
|
padding: 0; }
|
||||||
|
.repository .container .repository-summary .repository-menu .item {
|
||||||
|
border-bottom: 2px solid transparent;
|
||||||
|
border-radius: 0 !important;
|
||||||
|
border-top: 2px solid transparent;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
transition: background .2s; }
|
||||||
|
.repository .container .repository-summary .repository-menu .item:hover {
|
||||||
|
background: #32324b; }
|
||||||
|
.repository .container .repository-summary .repository-menu .item.active {
|
||||||
|
background: initial;
|
||||||
|
border-bottom: 2px solid white; }
|
||||||
|
.repository .container .repository-summary .repository-menu .item.active:hover {
|
||||||
|
background: #32324b; }
|
||||||
|
.repository .container .repository-summary .repository-menu .item a {
|
||||||
|
color: #f5f5ff !important;
|
||||||
|
display: block;
|
||||||
|
padding: 8px; }
|
||||||
|
.repository .container .repository-summary .language-stats-details {
|
||||||
|
background: #32324b; }
|
||||||
|
.repository .container .repository-summary .language-stats-details .horizontal.list .item span {
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.repository .container .repository-summary .language-stats {
|
||||||
|
background: #3c3c5a; }
|
||||||
|
|
||||||
|
.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: "Lucida Console", monospace; }
|
||||||
|
.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: "Lucida Console", monospace; }
|
||||||
|
.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: "Lucida Console", monospace; }
|
||||||
|
.repository .container .non-diff-file-content .table {
|
||||||
|
background: #1e1e2d;
|
||||||
|
border: 0;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
|
||||||
|
/* repository: issues */
|
||||||
|
.repository .container .grid .column .left.small.menu {
|
||||||
|
background: transparent;
|
||||||
|
border: 0; }
|
||||||
|
.repository .container .grid .column .left.small.menu .item {
|
||||||
|
background: #3c3c5a;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.repository .container .grid .column .left.small.menu .item:first-child {
|
||||||
|
border-radius: 5px 0 0 5px; }
|
||||||
|
.repository .container .grid .column .left.small.menu .item:hover {
|
||||||
|
background: #32324b; }
|
||||||
|
.repository .container .grid .column .left.small.menu .item:last-child {
|
||||||
|
border-radius: 0 5px 5px 0; }
|
||||||
|
|
||||||
|
.repository .container .grid .column form.form .input input {
|
||||||
|
background: #28283c;
|
||||||
|
border: 2px solid #3c3c5a;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.repository .container .grid .column form.form .input input:focus {
|
||||||
|
background: #32324b;
|
||||||
|
border: 2px solid #3c3c5a;
|
||||||
|
color: white; }
|
||||||
|
|
||||||
|
.repository .container .grid .column form.form .input .button {
|
||||||
|
background: #3c3c5a;
|
||||||
|
border: 0; }
|
||||||
|
.repository .container .grid .column form.form .input .button:hover {
|
||||||
|
background: #32324b; }
|
||||||
|
|
||||||
|
.repository .container .grid .column .green.button {
|
||||||
|
background: #64c882;
|
||||||
|
box-shadow: none;
|
||||||
|
color: white; }
|
||||||
|
.repository .container .grid .column .green.button:hover {
|
||||||
|
background: #50b46e; }
|
||||||
|
|
||||||
|
.repository .container .ui.divider {
|
||||||
|
border: 0;
|
||||||
|
border-top: 1px solid #3c3c5a; }
|
||||||
|
|
||||||
|
.repository .container .grid .column .basic.button:not(.active) {
|
||||||
|
background: #3c3c5a;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.repository .container .grid .column .basic.button:not(.active):hover {
|
||||||
|
background: #32324b; }
|
||||||
|
|
||||||
|
.repository .container .grid .column .basic.button.red {
|
||||||
|
background: #ff8282;
|
||||||
|
box-shadow: none;
|
||||||
|
color: white; }
|
||||||
|
.repository .container .grid .column .basic.button.red:hover {
|
||||||
|
background: #eb6e6e; }
|
||||||
|
|
||||||
|
.repository .container .grid .column .filter.menu .item {
|
||||||
|
background: #3c3c5a;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.repository .container .grid .column .filter.menu .item:first-of-type {
|
||||||
|
margin-left: auto; }
|
||||||
|
.repository .container .grid .column .filter.menu .item:hover {
|
||||||
|
background: #32324b; }
|
||||||
|
.repository .container .grid .column .filter.menu .item .menu {
|
||||||
|
background: #3c3c5a;
|
||||||
|
border: 1px solid #32324b;
|
||||||
|
box-shadow: none;
|
||||||
|
margin-top: 0; }
|
||||||
|
.repository .container .grid .column .filter.menu .item .menu .item {
|
||||||
|
color: #f5f5ff !important; }
|
||||||
|
.repository .container .grid .column .filter.menu .item .menu .item:hover {
|
||||||
|
background: #32324b; }
|
||||||
|
|
||||||
|
.repository .container .issue.list .item {
|
||||||
|
border-bottom: 1px dashed #464669; }
|
||||||
|
.repository .container .issue.list .item .label {
|
||||||
|
background: #f5f5ff;
|
||||||
|
color: #3c3c5a; }
|
||||||
|
.repository .container .issue.list .item .title {
|
||||||
|
border-bottom: 1px solid transparent;
|
||||||
|
color: #f5f5ff;
|
||||||
|
transition: border .2s, color .2s; }
|
||||||
|
.repository .container .issue.list .item .title:hover {
|
||||||
|
border-bottom: 1px solid #ff8282;
|
||||||
|
color: #ff8282; }
|
||||||
|
.repository .container .issue.list .item .desc {
|
||||||
|
color: #d7d7e1; }
|
||||||
|
|
||||||
|
/* repository: issues view issue */
|
||||||
|
.repository.view.issue .container div .grid .column.title .grid h1 .index {
|
||||||
|
color: #d7d7e1; }
|
||||||
|
|
||||||
|
.repository.view.issue .container div .grid .column.title .grid h1 #issue-title {
|
||||||
|
color: white; }
|
||||||
|
|
||||||
|
.repository.view.issue .container div .grid .column.title .label.green {
|
||||||
|
background: #64c882; }
|
||||||
|
|
||||||
|
/* repository: releases */
|
||||||
|
.repository.release .container .header {
|
||||||
|
background: transparent;
|
||||||
|
font-family: "Lucida Console", monospace; }
|
||||||
|
|
||||||
|
.repository.release .container #release-list {
|
||||||
|
border-top: 1px solid #3c3c5a; }
|
||||||
|
|
||||||
|
/* repository: activity */
|
||||||
|
.repository.commits .container h2.header {
|
||||||
|
font-family: "Lucida Console", monospace;
|
||||||
|
background: transparent; }
|
||||||
|
.repository.commits .container h2.header .filter .button {
|
||||||
|
background: #3c3c5a;
|
||||||
|
color: #f5f5ff;
|
||||||
|
font-family: "Lucida Console", monospace; }
|
||||||
|
.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 {
|
||||||
|
background: #1e1e2d;
|
||||||
|
border: 0; }
|
||||||
|
.repository.commits .container .segment .text {
|
||||||
|
background: #1e1e2d; }
|
||||||
|
.repository.commits .container .segment h4.header {
|
||||||
|
background: #1e1e2d; }
|
||||||
|
|
||||||
|
/* repository: commits */
|
||||||
|
.repository.commits .container .secondary.menu {
|
||||||
|
margin-left: -15px; }
|
||||||
|
.repository.commits .container .secondary.menu .item .button {
|
||||||
|
background: #3c3c5a;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.repository.commits .container .secondary.menu .item .button:hover {
|
||||||
|
background: #32324b; }
|
||||||
|
|
||||||
|
.repository.commits .container .header form .search.input input {
|
||||||
|
background: #28283c;
|
||||||
|
border: 0;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.repository.commits .container .header form .search.input input:focus {
|
||||||
|
background: #32324b;
|
||||||
|
color: white; }
|
||||||
|
|
||||||
|
.repository.commits .container .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 div .diff-detail-box {
|
||||||
|
background: #32324b;
|
||||||
|
color: #f5f5ff;
|
||||||
|
padding: 10px; }
|
||||||
|
.repository.diff .container div .diff-detail-box .button {
|
||||||
|
background: #464669;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.repository.diff .container div .diff-detail-box .button:hover {
|
||||||
|
background: #3c3c5a; }
|
||||||
|
.repository.diff .container div .diff-detail-box .button .menu {
|
||||||
|
background: #464669;
|
||||||
|
border: 1px solid #3c3c5a;
|
||||||
|
box-shadow: none; }
|
||||||
|
.repository.diff .container div .diff-detail-box .button .menu .item {
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.repository.diff .container div .diff-detail-box .button .menu .item:hover {
|
||||||
|
background: #3c3c5a; }
|
||||||
|
|
||||||
|
.repository.diff .container div .diff-stats.detail-files {
|
||||||
|
background: #1e1e2d;
|
||||||
|
border-radius: 0 0 5px 5px;
|
||||||
|
margin: 0 0 10px 0; }
|
||||||
|
.repository.diff .container div .diff-stats.detail-files li {
|
||||||
|
border-bottom: 1px dashed #3c3c5a; }
|
||||||
|
.repository.diff .container div .diff-stats.detail-files li:last-of-type {
|
||||||
|
border-bottom: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding-bottom: 0; }
|
||||||
|
.repository.diff .container div .diff-stats.detail-files li .diff-counter .add {
|
||||||
|
color: #64c882; }
|
||||||
|
.repository.diff .container div .diff-stats.detail-files li .diff-counter .del {
|
||||||
|
color: #ff8282; }
|
||||||
|
|
||||||
|
.repository.diff .container div .diff-file-box .diff-file-header .diff-counter .bar {
|
||||||
|
background: #ff8282; }
|
||||||
|
.repository.diff .container div .diff-file-box .diff-file-header .diff-counter .bar .pull-left.add {
|
||||||
|
background: #64c882; }
|
||||||
|
|
||||||
|
.repository.diff .container div .diff-file-box .diff-file-header .file {
|
||||||
|
color: #f5f5ff; }
|
||||||
|
|
||||||
|
.repository.diff .container div .diff-file-box .diff-file-header .button {
|
||||||
|
background: #505078;
|
||||||
|
box-shadow: none;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.repository.diff .container div .diff-file-box .diff-file-header .button:hover {
|
||||||
|
background: #464669; }
|
||||||
|
|
||||||
|
.repository.diff .container div .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 div .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 div .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 div .diff-file-box .diff-file-body .file-body table tbody .del-code td .removed-code {
|
||||||
|
background: #ff6e6e; }
|
||||||
|
|
||||||
|
.repository.diff .container div .diff-file-box .diff-file-body .file-body table tbody .add-code td {
|
||||||
|
background: #64c882 !important;
|
||||||
|
border-color: #64dc78 !important;
|
||||||
|
color: white; }
|
||||||
|
.repository.diff .container div .diff-file-box .diff-file-body .file-body table tbody .add-code td .added-code {
|
||||||
|
background: #50b46e; }
|
||||||
|
|
||||||
|
/* 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: "Lucida Console", monospace; }
|
||||||
|
.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; }
|
||||||
|
|
||||||
|
.repository.file .container .non-diff-file-content .table .file-view.markdown a {
|
||||||
|
border-bottom: 1px solid;
|
||||||
|
padding: 0 2px;
|
||||||
|
margin: 0 -2px; }
|
||||||
|
|
||||||
|
.repository.file .container .non-diff-file-content .table .file-view.markdown:not(code) h1,
|
||||||
|
.repository.file .container .non-diff-file-content .table .file-view.markdown:not(code) h2 {
|
||||||
|
border-bottom: 1px solid #3c3c5a; }
|
||||||
|
|
||||||
|
.repository.file .container .non-diff-file-content .table .file-view.markdown:not(code) pre {
|
||||||
|
background: #28283c;
|
||||||
|
border-radius: 5px; }
|
||||||
|
|
||||||
|
/* 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.pointing.menu {
|
||||||
|
background: #464669;
|
||||||
|
border: 0;
|
||||||
|
border-radius: 5px 5px 0 0;
|
||||||
|
margin-top: -15px;
|
||||||
|
overflow-x: auto;
|
||||||
|
overflow-y: hidden;
|
||||||
|
padding: 0 20px;
|
||||||
|
position: sticky;
|
||||||
|
scrollbar-color: #d7d7e1 #464669;
|
||||||
|
top: 0;
|
||||||
|
transform: rotateX(180deg);
|
||||||
|
z-index: 100; }
|
||||||
|
.user .container .grid .secondary.pointing.menu .item {
|
||||||
|
border-bottom: 2px solid transparent;
|
||||||
|
border-radius: 5px 5px 0 0;
|
||||||
|
color: #f5f5ff;
|
||||||
|
font-family: "Lucida Console", monospace;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
transform: rotateX(180deg);
|
||||||
|
transition: background .2s, color .2s; }
|
||||||
|
.user .container .grid .secondary.pointing.menu .item:hover {
|
||||||
|
background: #3c3c5a;
|
||||||
|
color: white; }
|
||||||
|
.user .container .grid .secondary.pointing.menu .item.active {
|
||||||
|
border-bottom: 2px solid #f5f5ff;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.user .container .grid .secondary.pointing.menu .item.active:hover {
|
||||||
|
color: white; }
|
||||||
|
.user .container .grid .secondary.pointing.menu .item .label {
|
||||||
|
background: #f5f5ff;
|
||||||
|
color: #464669; }
|
||||||
|
|
||||||
|
.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: "Lucida Console", monospace; }
|
||||||
|
.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;
|
||||||
|
text-transform: lowercase; }
|
||||||
|
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*="gitea.io"]:not(.customlink) {
|
||||||
|
display: none; }
|
||||||
917
public/css/theme-frontend.css
Normal file
917
public/css/theme-frontend.css
Normal file
|
|
@ -0,0 +1,917 @@
|
||||||
|
@charset "UTF-8";
|
||||||
|
/* ------------------------------------------------ */
|
||||||
|
/* 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: "Lucida Console", monospace; }
|
||||||
|
|
||||||
|
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: 15px;
|
||||||
|
min-height: 64px;
|
||||||
|
font-family: "Lucida Console", monospace; }
|
||||||
|
.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;
|
||||||
|
z-index: 110; }
|
||||||
|
.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: "Lucida Console", monospace; }
|
||||||
|
.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 {
|
||||||
|
border-bottom: 2px solid transparent;
|
||||||
|
border-radius: 5px 5px 0 0;
|
||||||
|
color: #d7d7e1;
|
||||||
|
transition: background .2s, color .2s;
|
||||||
|
font-family: "Lucida Console", monospace; }
|
||||||
|
.repository .header-wrapper .tabs.container .menu.navbar .item:hover {
|
||||||
|
background: #3c3c5a !important;
|
||||||
|
color: white; }
|
||||||
|
.repository .header-wrapper .tabs.container .menu.navbar .item.active {
|
||||||
|
background: transparent;
|
||||||
|
border: 0;
|
||||||
|
border-bottom: 2px solid;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.repository .header-wrapper .tabs.container .menu.navbar .item svg {
|
||||||
|
display: none; }
|
||||||
|
.repository .header-wrapper .tabs.container .menu.navbar .item span.label {
|
||||||
|
background: #f5f5ff;
|
||||||
|
color: #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: #3c3c5a !important;
|
||||||
|
border-radius: 5px;
|
||||||
|
padding: 0; }
|
||||||
|
.repository .container .repository-summary .repository-menu .item {
|
||||||
|
border-bottom: 2px solid transparent;
|
||||||
|
border-radius: 0 !important;
|
||||||
|
border-top: 2px solid transparent;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
transition: background .2s; }
|
||||||
|
.repository .container .repository-summary .repository-menu .item:hover {
|
||||||
|
background: #32324b; }
|
||||||
|
.repository .container .repository-summary .repository-menu .item.active {
|
||||||
|
background: initial;
|
||||||
|
border-bottom: 2px solid white; }
|
||||||
|
.repository .container .repository-summary .repository-menu .item.active:hover {
|
||||||
|
background: #32324b; }
|
||||||
|
.repository .container .repository-summary .repository-menu .item a {
|
||||||
|
color: #f5f5ff !important;
|
||||||
|
display: block;
|
||||||
|
padding: 8px; }
|
||||||
|
.repository .container .repository-summary .repository-menu .item a svg {
|
||||||
|
display: none; }
|
||||||
|
.repository .container .repository-summary .language-stats-details {
|
||||||
|
background: #32324b;
|
||||||
|
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:first-of-type {
|
||||||
|
border-right: 1px dashed #464669; }
|
||||||
|
.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;
|
||||||
|
display: flex;
|
||||||
|
margin: 0 auto;
|
||||||
|
width: min-content; }
|
||||||
|
.repository .container .repository-summary .language-stats-details .horizontal.list .item span b {
|
||||||
|
font-weight: 400;
|
||||||
|
margin-left: 10px;
|
||||||
|
order: 2; }
|
||||||
|
.repository .container .repository-summary .language-stats {
|
||||||
|
background: #3c3c5a;
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.repository .container .secondary.menu .item.choose.reference {
|
||||||
|
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: "Lucida Console", monospace; }
|
||||||
|
.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: "Lucida Console", monospace; }
|
||||||
|
.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;
|
||||||
|
background: #ff8282;
|
||||||
|
border-radius: 0 1px 2px 2px;
|
||||||
|
box-shadow: -4px -7px 0px -4px #ff8282;
|
||||||
|
height: 10px;
|
||||||
|
margin-left: 5px !important;
|
||||||
|
margin-top: 4px;
|
||||||
|
width: 14px; }
|
||||||
|
.repository .container .table tbody tr .svg.octicon-file {
|
||||||
|
fill: #d7d7e1;
|
||||||
|
border: 1px solid #d7d7e1;
|
||||||
|
border-radius: 0 5px 0 0;
|
||||||
|
height: 13px;
|
||||||
|
margin-left: 7px !important;
|
||||||
|
margin-right: 6px !important;
|
||||||
|
width: 10px; }
|
||||||
|
.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: "Lucida Console", monospace; }
|
||||||
|
.repository .container .non-diff-file-content .table {
|
||||||
|
background: #1e1e2d;
|
||||||
|
border: 0;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
|
||||||
|
/* repository: issues */
|
||||||
|
.repository .container .grid .column .left.small.menu {
|
||||||
|
background: transparent;
|
||||||
|
border: 0; }
|
||||||
|
.repository .container .grid .column .left.small.menu .item {
|
||||||
|
background: #3c3c5a;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.repository .container .grid .column .left.small.menu .item:first-child {
|
||||||
|
border-radius: 5px 0 0 5px; }
|
||||||
|
.repository .container .grid .column .left.small.menu .item:hover {
|
||||||
|
background: #32324b; }
|
||||||
|
.repository .container .grid .column .left.small.menu .item:last-child {
|
||||||
|
border-radius: 0 5px 5px 0; }
|
||||||
|
|
||||||
|
.repository .container .grid .column form.form .input input {
|
||||||
|
background: #28283c;
|
||||||
|
border: 2px solid #3c3c5a;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.repository .container .grid .column form.form .input input:focus {
|
||||||
|
background: #32324b;
|
||||||
|
border: 2px solid #3c3c5a;
|
||||||
|
color: white; }
|
||||||
|
|
||||||
|
.repository .container .grid .column form.form .input .button {
|
||||||
|
background: #3c3c5a;
|
||||||
|
border: 0; }
|
||||||
|
.repository .container .grid .column form.form .input .button:hover {
|
||||||
|
background: #32324b; }
|
||||||
|
|
||||||
|
.repository .container .grid .column .green.button {
|
||||||
|
background: #64c882;
|
||||||
|
box-shadow: none;
|
||||||
|
color: white; }
|
||||||
|
.repository .container .grid .column .green.button:hover {
|
||||||
|
background: #50b46e; }
|
||||||
|
.repository .container .grid .column .green.button[href*="issues/new"] {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.repository .container .ui.divider {
|
||||||
|
border: 0;
|
||||||
|
border-top: 1px solid #3c3c5a; }
|
||||||
|
|
||||||
|
.repository .container .grid .column .basic.button:not(.active) {
|
||||||
|
background: #3c3c5a;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.repository .container .grid .column .basic.button:not(.active):hover {
|
||||||
|
background: #32324b; }
|
||||||
|
|
||||||
|
.repository .container .grid .column .basic.button.red {
|
||||||
|
background: #ff8282;
|
||||||
|
box-shadow: none;
|
||||||
|
color: white; }
|
||||||
|
.repository .container .grid .column .basic.button.red:hover {
|
||||||
|
background: #eb6e6e; }
|
||||||
|
|
||||||
|
.repository .container .grid .column .basic.button .svg {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.repository .container .grid .column .filter.menu .item {
|
||||||
|
background: #3c3c5a;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.repository .container .grid .column .filter.menu .item:first-of-type {
|
||||||
|
margin-left: auto; }
|
||||||
|
.repository .container .grid .column .filter.menu .item:hover {
|
||||||
|
background: #32324b; }
|
||||||
|
.repository .container .grid .column .filter.menu .item:hover .menu {
|
||||||
|
display: block; }
|
||||||
|
.repository .container .grid .column .filter.menu .item.label-filter .menu .info {
|
||||||
|
display: none; }
|
||||||
|
.repository .container .grid .column .filter.menu .item.label-filter .menu .item.label-filter-item {
|
||||||
|
padding-left: 25px !important; }
|
||||||
|
.repository .container .grid .column .filter.menu .item.label-filter .menu .item .label.color {
|
||||||
|
display: none; }
|
||||||
|
.repository .container .grid .column .filter.menu .item .menu {
|
||||||
|
background: #3c3c5a;
|
||||||
|
border: 1px solid #32324b;
|
||||||
|
box-shadow: none;
|
||||||
|
margin-top: 0; }
|
||||||
|
.repository .container .grid .column .filter.menu .item .menu .item {
|
||||||
|
color: #f5f5ff !important; }
|
||||||
|
.repository .container .grid .column .filter.menu .item .menu .item:hover {
|
||||||
|
background: #32324b; }
|
||||||
|
|
||||||
|
.repository .container .issue.list .item {
|
||||||
|
border-bottom: 1px dashed #464669; }
|
||||||
|
.repository .container .issue.list .item .label {
|
||||||
|
background: #f5f5ff;
|
||||||
|
color: #3c3c5a; }
|
||||||
|
.repository .container .issue.list .item .title {
|
||||||
|
border-bottom: 1px solid transparent;
|
||||||
|
color: #f5f5ff;
|
||||||
|
transition: border .2s, color .2s; }
|
||||||
|
.repository .container .issue.list .item .title:hover {
|
||||||
|
border-bottom: 1px solid #ff8282;
|
||||||
|
color: #ff8282; }
|
||||||
|
.repository .container .issue.list .item .desc {
|
||||||
|
color: #d7d7e1; }
|
||||||
|
|
||||||
|
/* repository: issues view issue */
|
||||||
|
.repository.view.issue .container div .grid .column.title .grid h1 .index {
|
||||||
|
color: #d7d7e1; }
|
||||||
|
|
||||||
|
.repository.view.issue .container div .grid .column.title .grid h1 #issue-title {
|
||||||
|
color: white; }
|
||||||
|
|
||||||
|
.repository.view.issue .container div .grid .column.title .grid h1 #edit-title-input {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.repository.view.issue .container div .grid .column.title .label.green {
|
||||||
|
background: #64c882; }
|
||||||
|
.repository.view.issue .container div .grid .column.title .label.green .svg {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
/* repository: releases */
|
||||||
|
.repository.release .container .header {
|
||||||
|
background: transparent;
|
||||||
|
font-family: "Lucida Console", monospace; }
|
||||||
|
|
||||||
|
.repository.release .container #release-list {
|
||||||
|
border-top: 1px solid #3c3c5a; }
|
||||||
|
|
||||||
|
/* repository: activity */
|
||||||
|
.repository.commits .container h2.header {
|
||||||
|
font-family: "Lucida Console", monospace;
|
||||||
|
background: transparent; }
|
||||||
|
.repository.commits .container h2.header .filter:hover .menu {
|
||||||
|
display: block; }
|
||||||
|
.repository.commits .container h2.header .filter .button {
|
||||||
|
background: #3c3c5a;
|
||||||
|
color: #f5f5ff;
|
||||||
|
font-family: "Lucida Console", monospace; }
|
||||||
|
.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 {
|
||||||
|
background: #1e1e2d;
|
||||||
|
border: 0; }
|
||||||
|
.repository.commits .container .segment .text {
|
||||||
|
background: #1e1e2d; }
|
||||||
|
.repository.commits .container .segment h4.header {
|
||||||
|
background: #1e1e2d; }
|
||||||
|
.repository.commits .container .segment #app {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
/* repository: commits */
|
||||||
|
.repository.commits .container .secondary.menu .item .button {
|
||||||
|
background: #3c3c5a;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.repository.commits .container .secondary.menu .item .button:hover {
|
||||||
|
background: #32324b; }
|
||||||
|
.repository.commits .container .secondary.menu .item .button .text {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.repository.commits .container .header form .search.input input {
|
||||||
|
background: #28283c;
|
||||||
|
border: 0;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.repository.commits .container .header form .search.input input:focus {
|
||||||
|
background: #32324b;
|
||||||
|
color: white; }
|
||||||
|
|
||||||
|
.repository.commits .container .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 div .diff-detail-box {
|
||||||
|
background: #32324b;
|
||||||
|
color: #f5f5ff;
|
||||||
|
padding: 10px; }
|
||||||
|
.repository.diff .container div .diff-detail-box .button {
|
||||||
|
background: #464669;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.repository.diff .container div .diff-detail-box .button:hover {
|
||||||
|
background: #3c3c5a; }
|
||||||
|
.repository.diff .container div .diff-detail-box .button:hover .menu {
|
||||||
|
display: block; }
|
||||||
|
.repository.diff .container div .diff-detail-box .button.dropdown {
|
||||||
|
padding-right: 37px; }
|
||||||
|
.repository.diff .container div .diff-detail-box .button.dropdown::after {
|
||||||
|
content: '⏷';
|
||||||
|
position: absolute;
|
||||||
|
right: 17px;
|
||||||
|
top: 10px;
|
||||||
|
font-size: 11px;
|
||||||
|
color: #d7d7e1; }
|
||||||
|
.repository.diff .container div .diff-detail-box .button .dropdown.icon {
|
||||||
|
display: none; }
|
||||||
|
.repository.diff .container div .diff-detail-box .button .menu {
|
||||||
|
background: #464669;
|
||||||
|
border: 1px solid #3c3c5a;
|
||||||
|
box-shadow: none; }
|
||||||
|
.repository.diff .container div .diff-detail-box .button .menu .item {
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.repository.diff .container div .diff-detail-box .button .menu .item:hover {
|
||||||
|
background: #3c3c5a; }
|
||||||
|
.repository.diff .container div .diff-detail-box .button .menu .item[data-target*="#diff-files"] {
|
||||||
|
display: none; }
|
||||||
|
.repository.diff .container div .diff-detail-box.diff-stats {
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
.repository.diff .container div .diff-stats.detail-files {
|
||||||
|
background: #1e1e2d;
|
||||||
|
border-radius: 0 0 5px 5px;
|
||||||
|
margin: 0 0 10px 0; }
|
||||||
|
.repository.diff .container div .diff-stats.detail-files li {
|
||||||
|
border-bottom: 1px dashed #3c3c5a; }
|
||||||
|
.repository.diff .container div .diff-stats.detail-files li:last-of-type {
|
||||||
|
border-bottom: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding-bottom: 0; }
|
||||||
|
.repository.diff .container div .diff-stats.detail-files li .diff-counter .add {
|
||||||
|
color: #64c882; }
|
||||||
|
.repository.diff .container div .diff-stats.detail-files li .diff-counter .del {
|
||||||
|
color: #ff8282; }
|
||||||
|
|
||||||
|
.repository.diff .container div .diff-file-box .diff-file-header .fold-code {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.repository.diff .container div .diff-file-box .diff-file-header .diff-counter .add {
|
||||||
|
color: #64c882;
|
||||||
|
margin-right: 10px; }
|
||||||
|
|
||||||
|
.repository.diff .container div .diff-file-box .diff-file-header .diff-counter .bar {
|
||||||
|
background: #ff8282;
|
||||||
|
display: none; }
|
||||||
|
.repository.diff .container div .diff-file-box .diff-file-header .diff-counter .bar .pull-left.add {
|
||||||
|
background: #64c882; }
|
||||||
|
|
||||||
|
.repository.diff .container div .diff-file-box .diff-file-header .diff-counter .del {
|
||||||
|
color: #ff8282; }
|
||||||
|
|
||||||
|
.repository.diff .container div .diff-file-box .diff-file-header .file {
|
||||||
|
color: #f5f5ff; }
|
||||||
|
|
||||||
|
.repository.diff .container div .diff-file-box .diff-file-header .button {
|
||||||
|
background: #505078;
|
||||||
|
box-shadow: none;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.repository.diff .container div .diff-file-box .diff-file-header .button:hover {
|
||||||
|
background: #464669; }
|
||||||
|
|
||||||
|
.repository.diff .container div .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 div .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 div .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 div .diff-file-box .diff-file-body .file-body table tbody .del-code td .removed-code {
|
||||||
|
background: #ff6e6e; }
|
||||||
|
|
||||||
|
.repository.diff .container div .diff-file-box .diff-file-body .file-body table tbody .add-code td {
|
||||||
|
background: #64c882 !important;
|
||||||
|
border-color: #64dc78 !important;
|
||||||
|
color: white; }
|
||||||
|
.repository.diff .container div .diff-file-box .diff-file-body .file-body table tbody .add-code td .added-code {
|
||||||
|
background: #50b46e; }
|
||||||
|
|
||||||
|
/* 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: "Lucida Console", monospace; }
|
||||||
|
.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; }
|
||||||
|
|
||||||
|
.repository.file .container .non-diff-file-content .table .file-view.markdown a {
|
||||||
|
border-bottom: 1px solid;
|
||||||
|
padding: 0 2px;
|
||||||
|
margin: 0 -2px; }
|
||||||
|
|
||||||
|
.repository.file .container .non-diff-file-content .table .file-view.markdown:not(code) h1,
|
||||||
|
.repository.file .container .non-diff-file-content .table .file-view.markdown:not(code) h2 {
|
||||||
|
border-bottom: 1px solid #3c3c5a; }
|
||||||
|
|
||||||
|
.repository.file .container .non-diff-file-content .table .file-view.markdown:not(code) pre {
|
||||||
|
background: #28283c;
|
||||||
|
border-radius: 5px; }
|
||||||
|
|
||||||
|
/* 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.pointing.menu {
|
||||||
|
background: #464669;
|
||||||
|
border: 0;
|
||||||
|
border-radius: 5px 5px 0 0;
|
||||||
|
margin-top: -15px;
|
||||||
|
overflow-x: auto;
|
||||||
|
overflow-y: hidden;
|
||||||
|
padding: 0 20px;
|
||||||
|
position: sticky;
|
||||||
|
scrollbar-color: #d7d7e1 #464669;
|
||||||
|
top: 0;
|
||||||
|
transform: rotateX(180deg);
|
||||||
|
z-index: 100; }
|
||||||
|
.user .container .grid .secondary.pointing.menu .item {
|
||||||
|
border-bottom: 2px solid transparent;
|
||||||
|
border-radius: 5px 5px 0 0;
|
||||||
|
color: #f5f5ff;
|
||||||
|
font-family: "Lucida Console", monospace;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
transform: rotateX(180deg);
|
||||||
|
transition: background .2s, color .2s; }
|
||||||
|
.user .container .grid .secondary.pointing.menu .item:hover {
|
||||||
|
background: #3c3c5a;
|
||||||
|
color: white; }
|
||||||
|
.user .container .grid .secondary.pointing.menu .item.active {
|
||||||
|
border-bottom: 2px solid #f5f5ff;
|
||||||
|
color: #f5f5ff; }
|
||||||
|
.user .container .grid .secondary.pointing.menu .item.active:hover {
|
||||||
|
color: white; }
|
||||||
|
.user .container .grid .secondary.pointing.menu .item svg {
|
||||||
|
display: none; }
|
||||||
|
.user .container .grid .secondary.pointing.menu .item .label {
|
||||||
|
background: #f5f5ff;
|
||||||
|
color: #464669; }
|
||||||
|
.user .container .grid .secondary.pointing.menu .item[href*="stars"], .user .container .grid .secondary.pointing.menu .item[href*="following"], .user .container .grid .secondary.pointing.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: "Lucida Console", monospace; }
|
||||||
|
.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;
|
||||||
|
text-transform: lowercase; }
|
||||||
|
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"] {
|
||||||
|
display: none; }
|
||||||
|
footer .ui.container .links a[href*="gitea.io"]:not(.customlink) {
|
||||||
|
display: none; }
|
||||||
|
footer .ui.container .links .version {
|
||||||
|
display: none; }
|
||||||
|
footer .ui.container .links .language {
|
||||||
|
display: none; }
|
||||||
|
|
@ -13,7 +13,7 @@ $nojavascript: false; // disables or corrects functions, that would not work wit
|
||||||
$vrifoxcustomization: true; // my personal customizations
|
$vrifoxcustomization: true; // my personal customizations
|
||||||
$disablelanguagebutton: false; // if cookies are disabled, the language will have to be chosen on every page again
|
$disablelanguagebutton: false; // if cookies are disabled, the language will have to be chosen on every page again
|
||||||
|
|
||||||
$font-family: monospace, 'Lucida Console', 'Monaco';
|
$font-family: 'Lucida Console', monospace;
|
||||||
$border-radius: 5px;
|
$border-radius: 5px;
|
||||||
|
|
||||||
//
|
//
|
||||||
|
|
@ -21,15 +21,15 @@ $border-radius: 5px;
|
||||||
//
|
//
|
||||||
|
|
||||||
|
|
||||||
@import 'partials/main';
|
@import 'import/main';
|
||||||
@import 'partials/nav';
|
@import 'import/nav';
|
||||||
|
|
||||||
|
|
||||||
@import 'partials/repository.scss';
|
@import 'import/repository.scss';
|
||||||
|
|
||||||
@import 'partials/explore.scss';
|
@import 'import/explore.scss';
|
||||||
|
|
||||||
@import 'partials/user.scss';
|
@import 'import/user.scss';
|
||||||
|
|
||||||
|
|
||||||
@import 'partials/footer';
|
@import 'import/footer';
|
||||||
|
|
@ -13,7 +13,7 @@ $nojavascript: true; // disables or corrects functions, that would not work with
|
||||||
$vrifoxcustomization: true; // my personal customizations
|
$vrifoxcustomization: true; // my personal customizations
|
||||||
$disablelanguagebutton: true; // if cookies are disabled, the language will have to be chosen on every page again
|
$disablelanguagebutton: true; // if cookies are disabled, the language will have to be chosen on every page again
|
||||||
|
|
||||||
$font-family: monospace, 'Lucida Console', 'Monaco';
|
$font-family: 'Lucida Console', monospace;
|
||||||
$border-radius: 5px;
|
$border-radius: 5px;
|
||||||
|
|
||||||
//
|
//
|
||||||
|
|
@ -21,15 +21,15 @@ $border-radius: 5px;
|
||||||
//
|
//
|
||||||
|
|
||||||
|
|
||||||
@import 'partials/main';
|
@import 'import/main';
|
||||||
@import 'partials/nav';
|
@import 'import/nav';
|
||||||
|
|
||||||
|
|
||||||
@import 'partials/repository.scss';
|
@import 'import/repository.scss';
|
||||||
|
|
||||||
@import 'partials/explore.scss';
|
@import 'import/explore.scss';
|
||||||
|
|
||||||
@import 'partials/user.scss';
|
@import 'import/user.scss';
|
||||||
|
|
||||||
|
|
||||||
@import 'partials/footer';
|
@import 'import/footer';
|
||||||
|
|
@ -978,7 +978,8 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.table {
|
.table {
|
||||||
.file-view.code-view {
|
.file-view {
|
||||||
|
&.code-view {
|
||||||
table {
|
table {
|
||||||
tbody {
|
tbody {
|
||||||
tr {
|
tr {
|
||||||
|
|
@ -992,6 +993,24 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
&.markdown {
|
||||||
|
a {
|
||||||
|
border-bottom: 1px solid;
|
||||||
|
padding: 0 2px;
|
||||||
|
margin: 0 -2px;
|
||||||
|
}
|
||||||
|
&:not(code) {
|
||||||
|
h1,
|
||||||
|
h2 {
|
||||||
|
border-bottom: 1px solid rgb(60, 60, 90);
|
||||||
|
}
|
||||||
|
pre {
|
||||||
|
background: rgb(40, 40, 60);
|
||||||
|
border-radius: $border-radius;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Reference in a new issue