Browse Source

gitea almost finished

pull/200/head
Marius 5 years ago
parent
commit
7799ecd27d
  1. 171
      CSS/themes/gitea/chroma.css
  2. 600
      CSS/themes/gitea/gitea-base.css

171
CSS/themes/gitea/chroma.css

@ -0,0 +1,171 @@
/*
/* dP oo
/* 88
/* 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88 .dP .d8888b. dP
/* 88'`88'`88 88' `88 88' `88 88' `88 88888" 88' `88 88
/* 88 88 88 88. .88 88 88 88. .88 88 `8b. 88. .88 88
/* dP dP dP `88888P' dP dP `88888P' dP `YP `88888P8 dP
/* Source: https://gist.github.com/ntrrg/f70d4dc6ed8a739a36fe7c55f422c5f3 */
:root {
/* Background */
--code-background: #1f1f1f;
--code-color: #f8f8f2;
/* Error */
--code-err-background: #960050;
--code-err-color: #1e0010;
/* LineHighlight */
--code-hl-background: #ffffcc;
/* Keyword */
--code-k-color: #66d9ef;
/* KeywordConstant */
--code-kc-color: #66d9ef;
/* KeywordDeclaration */
--code-kd-color: #66d9ef;
/* KeywordNamespace */
--code-kn-color: #f92672;
/* KeywordPseudo */
--code-kp-color: #66d9ef;
/* KeywordReserved */
--code-kr-color: #66d9ef;
/* KeywordType */
--code-kt-color: #66d9ef;
/* NameAttribute */
--code-na-color: #a6e22e;
/* NameClass */
--code-nc-color: #a6e22e;
/* NameConstant */
--code-no-color: #66d9ef;
/* NameDecorator */
--code-nd-color: #a6e22e;
/* NameException */
--code-ne-color: #a6e22e;
/* NameFunction */
--code-nf-color: #a6e22e;
/* NameOther */
--code-nx-color: #a6e22e;
/* NameTag */
--code-nt-color: #f92672;
/* Literal */
--code-l-color: #ae81ff;
/* LiteralDate */
--code-ld-color: #e6db74;
/* LiteralString */
--code-s-color: #e6db74;
/* LiteralStringAffix */
--code-sa-color: #e6db74;
/* LiteralStringBacktick */
--code-sb-color: #e6db74;
/* LiteralStringChar */
--code-sc-color: #e6db74;
/* LiteralStringDelimiter */
--code-dl-color: #e6db74;
/* LiteralStringDoc */
--code-sd-color: #e6db74;
/* LiteralStringDouble */
--code-s2-color: #e6db74;
/* LiteralStringEscape */
--code-se-color: #ae81ff;
/* LiteralStringHeredoc */
--code-sh-color: #e6db74;
/* LiteralStringInterpol */
--code-si-color: #e6db74;
/* LiteralStringOther */
--code-sx-color: #e6db74;
/* LiteralStringRegex */
--code-sr-color: #e6db74;
/* LiteralStringSingle */
--code-s1-color: #e6db74;
/* LiteralStringSymbol */
--code-ss-color: #e6db74;
/* LiteralNumber */
--code-m-color: #ae81ff;
/* LiteralNumberBin */
--code-mb-color: #ae81ff;
/* LiteralNumberFloat */
--code-mf-color: #ae81ff;
/* LiteralNumberHex */
--code-mh-color: #ae81ff;
/* LiteralNumberInteger */
--code-mi-color: #ae81ff;
/* LiteralNumberIntegerLong */
--code-il-color: #ae81ff;
/* LiteralNumberOct */
--code-mo-color: #ae81ff;
/* Operator */
--code-o-color: #f92672;
/* OperatorWord */
--code-ow-color: #f92672;
/* Comment */
--code-c-color: #75715e;
/* CommentHashbang */
--code-ch-color: #75715e;
/* CommentMultiline */
--code-cm-color: #75715e;
/* CommentSingle */
--code-c1-color: #75715e;
/* CommentSpecial */
--code-cs-color: #75715e;
/* CommentPreproc */
--code-cp-color: #75715e;
/* CommentPreprocFile */
--code-cpf-color: #75715e;
/* GenericDeleted */
--code-gd-color: #f92672;
/* GenericInserted */
--code-gi-color: #a6e22e;
/* GenericSubheading */
--code-gu-color: #75715e;
}

600
CSS/themes/gitea/gitea-base.css

@ -9,31 +9,56 @@
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
@import url(https://gilbn.github.io/theme.park/CSS/themes/gitea/chroma.css);
body {
background: var(--main-bg-color);
}
* {
outline: none;
}
/* LINKS */
a,
.home a,
.ui.user.list .item .description a,
.ui.breadcrumb a,
.repository .labelspage .item a {
.repository .labelspage .item a,
.repository .milestone.list>.item>a,
.repository .milestone.list>.item .operate>a,
.ui.card>.content>a.header,
.ui.cards>.card>.content>a.header,
.ui.card>.extra a:not(.ui),
.ui.cards>.card>.extra a:not(.ui) {
color: var(--link-color);
}
/* LINK HOVER */
a:hover,
.ui.user.list .item .description a:hover,
.ui.breadcrumb a:hover,
.repository .labelspage .item a:hover {
.repository .labelspage .item a:hover,
.repository .milestone.list>.item>a:hover,
.repository .milestone.list>.item .operate>a:hover,
.ui.card>.content>a.header:hover,
.ui.cards>.card>.content>a.header:hover,
.ui.card>.extra a:not(.ui):hover,
.ui.cards>.card>.extra a:not(.ui):hover {
color: #fff;
}
* {
outline: none;
/* LINKS IMPORTANT */
.ui .text.blue a {
color: var(--link-color) !important;
}
/* LINKS HOVER IMPORTANT */
.ui .text.blue a:hover {
color: #fff !important;
}
/* Scrollbar */
/* SCROLLBAR */
@media only screen and (min-width: 768px) {
html {
height: 100%;
@ -100,6 +125,10 @@ footer,
.ui.form .inline.fields>label,
.ui.dropdown .menu>.message:not(.ui),
.ui.dropdown .menu>.header:not(.ui),
.ui.card>.content>.description,
.ui.cards>.card>.content>.description,
.ui.checkbox input[disabled]~label,
.ui.disabled.checkbox label,
.repository.view.issue .comment-list .comment .tag,
.repository .metas .ui.list a .text,
.CodeMirror {
@ -119,7 +148,8 @@ b:hover,
.ui.checkbox label:hover,
.ui.checkbox input:focus~label,
.ui.checkbox input:focus~label:after,
.repository .metas .ui.list a .text:hover {
.repository .metas .ui.list a .text:hover,
.ui .text.black:hover {
color: var(--text-hover);
}
@ -153,6 +183,13 @@ b:hover,
color: var(--text-hover);
}
.ui.secondary.menu .active.item,
.ui.secondary.menu .active.item:hover {
box-shadow: none;
background: rgba(0, 0, 0, .05);
color: var(--text-hover);
}
/* UI */
.ui.attached.segment {
@ -163,6 +200,10 @@ b:hover,
background: rgb(255 255 255 / 8%) !important;
}
.ui .info.segment.top {
background-color: rgb(0 0 0 / 15%) !important;
}
.ui.attached.header {
background: rgb(0 0 0 / 25%);
border: 1px solid transparent;
@ -183,6 +224,59 @@ b:hover,
color: #db2828 !important;
}
.ui.progress {
background: rgb(255 255 255 / 10%);
}
.ui.progress[data-percent="0"] .bar .progress {
color: var(--text-hover);
}
.ui.list .list>.item .header,
.ui.list>.item .header {
color: var(--text);
}
/* MODAL */
.ui.basic.modal,
.ui.basic.modal>.actions,
.ui.basic.modal>.content,
.ui.basic.modal>.header {
background-color: var(--modal-bg-color);
}
.ui.modal>.header {
display: block;
font-family: Roboto, Helvetica Neue, Arial, Helvetica, sans-serif;
background: var(--modal-bg-color);
margin: 0;
padding: 1.25rem 1.5rem;
box-shadow: none;
color: var(--text);
border-bottom: 1px solid rgb(255 255 255 / 0.1);
}
.ui.modal>.content {
display: block;
width: 100%;
font-size: 1em;
line-height: 1.4;
padding: 1.5rem;
background: var(--modal-bg-color);
}
.ui.modal>.actions {
background: var(--modal-bg-color);
padding: 1rem;
border-top: 1px solid rgb(255 255 255 / 0.1);
text-align: right;
}
.ui .error.header {
background-color: #F44336 !important;
color: white !important;
}
/* SIGN IN NAV BAR*/
.ui.menu.new-menu {
background: rgb(0 0 0 / 25%);
@ -378,6 +472,14 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
background-color: rgb(0 0 0 / 24%);
}
.repository .diff-detail-box {
background: transparent;
}
.repository .diff-detail-box.sticky {
border-bottom: 1px solid rgb(255 255 255 / .1);
}
.repo-header .ui.breadcrumb a {
color: var(--accent-color);
}
@ -397,7 +499,11 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
.ui.tabular.menu .active.item {
background: none var(--main-bg-color) !important;
color: var(--text);
border-color: transparent;
border-color: rgb(255 255 255 / 10%);
}
.ui.tabular.menu {
border-bottom: 1px solid rgb(255 255 255 / 10%);
}
.ui.tabular.menu .item:hover {
@ -405,12 +511,41 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
border-radius: .28571429rem .28571429rem 0 0 !important;
}
.ui.card,
.ui.cards>.card {
background: rgb(255 255 255 / 8%);
box-shadow: none;
}
.repository .ui.menu {
background: rgb(0 0 0 / 0%);
border: 1px solid rgba(255, 255, 255, 0.11);
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
}
.repository.file.editor .commit-form-wrapper .commit-form {
position: relative;
padding: 15px;
margin-bottom: 10px;
border: 1px solid rgb(255 255 255 / .1);
border-radius: 3px;
}
.repository.release #release-list {
border-top: 1px solid rgb(255 255 255 / 0.1);
}
.repository.release #release-list>li .detail {
border-left: 1px solid rgb(255 255 255 / 0.1);
}
.repository.release #release-list>li .detail .download .list {
border-top: 1px solid rgb(255 255 255 / .1);
}
.repository.release #release-list>li .detail .download .list li {
border-bottom: 1px solid rgb(255 255 255 / .1);
}
/*
.repository .ui.menu .active.item {
background: var(--main-bg-color) !important;
@ -419,6 +554,18 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
box-shadow: none;
}
/* WIKI */
.repository.wiki.pages .ui.ui.table td.grey:not(.marked),
.repository.wiki.pages .ui.ui.ui.ui.table tr.grey:not(.marked) {
background: rgb(255 255 255 / 0.08);
;
}
.editor-preview,
.editor-preview-side {
background: var(--modal-bg-color) !important;
}
/* COMMIT STUFF */
#git-graph-container li a {
color: var(--link-color);
@ -558,6 +705,10 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
color: #fff;
}
.issue.list>.item .desc .overdue {
color: #ec2626;
}
/* TABLE */
.ui.table>thead>tr>th {
background: rgb(0 0 0 / 25%);
@ -619,6 +770,7 @@ footer {
color: var(--button-text);
}
/*
.ui.green.button,
.ui.green.buttons .button {
background-color: var(--button-color);
@ -637,7 +789,7 @@ footer {
background-color: var(--button-color-hover);
color: var(--button-text);
}
*/
.ui.blue.button,
.ui.blue.buttons .button {
background-color: var(--button-color);
@ -712,12 +864,46 @@ footer {
color: var(--button-text);
}
.ui.inverted.red.basic.button:hover,
.ui.inverted.red.basic.buttons .button:hover,
.ui.inverted.red.buttons .basic.button:hover {
box-shadow: inset 0 0 0 2px #ec2626;
color: var(--button-text);
}
.repo-buttons .ui.basic.label,
.ui.basic.labels .label {
background: none var(--button-color);
border: 1px solid rgba(34, 36, 38, .15);
color: var(--button-text);
}
.repo-buttons .ui.basic.labels a.label:hover,
a.ui.basic.label:hover {
text-decoration: none;
background: none var(--button-color-hover);
color: var(--button-text);
box-shadow: none;
}
.repo-buttons .disabled-repo-button a.button:hover {
background: none !important;
color: rgb(255 255 255 / 60%) !important;
box-shadow: inset 0 0 0 1px rgba(34, 36, 38, .15) !important;
}
/* LABELS */
/*
.ui.label,
.ui.menu .item>.label {
background-color: var(--button-color);
color: var(--button-text);
}
*/
.ui.label {
background-color: rgb(255 255 255 / 10%);
color: #fff;
}
.ui.labels a.label:hover,
a.ui.label:hover {
@ -725,6 +911,17 @@ a.ui.label:hover {
color: rgba(0, 0, 0, .8);
}
.ui .sha.label {
background: var(--button-color);
color: var(--button-text);
}
a.ui.label:hover,
a.ui.labels .label:hover {
background: var(--button-color-hover);
color: var(--button-text);
}
.repository #commits-table td.sha .sha.label,
.repository #repo-files-table .sha.label,
.repository .timeline-item.commits-list .singular-commit .sha.label {
@ -828,14 +1025,389 @@ a.ui.label:hover {
background-color: rgb(0 0 0 / 0.25);
}
.chroma {
filter: invert(1);
/* CHROMA */
/* Background */
.chroma,
.markdown:not(code) .highlight pre,
.markdown:not(code) pre {
background-color: var(--code-background);
color: var(--code-color);
}
.repository.file.list .non-diff-file-content pre {
/* Error */
.chroma .err {
background-color: var(--code-err-background);
color: var(--code-err-color);
}
/* LineTableTD */
.chroma .lntd {
border: 0;
margin: 0;
padding: 0;
vertical-align: top;
}
/* LineTable */
.chroma .lntable {
width: auto;
border: 0;
border-spacing: 0;
display: block;
margin: 0;
overflow: auto;
color: #695d4b;
background: rgba(0, 0, 0, .5);
padding: 0;
}
/* LineHighlight */
.chroma .hl {
width: 100%;
background-color: var(--code-hl-background);
display: block;
}
/* LineNumbersTable */
.chroma .lnt {
margin-right: 0.4em;
padding: 0 0.4em 0 0.4em;
}
/* LineNumbers */
.chroma .ln {
margin-right: 0.4em;
padding: 0 0.4em 0 0.4em;
}
/* Keyword */
.chroma .k {
color: var(--code-k-color);
}
/* KeywordConstant */
.chroma .kc {
color: var(--code-kc-color);
}
/* KeywordDeclaration */
.chroma .kd {
color: var(--code-kd-color);
}
/* KeywordNamespace */
.chroma .kn {
color: var(--code-kn-color);
}
/* KeywordPseudo */
.chroma .kp {
color: var(--code-kp-color);
}
/* KeywordReserved */
.chroma .kr {
color: var(--code-kr-color);
}
/* KeywordType */
.chroma .kt {
color: var(--code-kt-color);
}
/* Name */
.chroma .n {
color: var(--code-n-color);
}
/* NameAttribute */
.chroma .na {
color: var(--code-na-color);
}
/* NameBuiltin */
.chroma .nb {
color: var(--code-nb-color);
}
/* NameBuiltinPseudo */
.chroma .bp {
color: var(--code-bp-color);
}
/* NameClass */
.chroma .nc {
color: var(--code-nc-color);
}
/* NameConstant */
.chroma .no {
color: var(--code-no-color);
}
/* NameDecorator */
.chroma .nd {
color: var(--code-nd-color);
}
/* NameEntity */
.chroma .ni {
color: var(--code-ni-color);
}
/* NameException */
.chroma .ne {
color: var(--code-ne-color);
}
/* NameFunction */
.chroma .nf {
color: var(--code-nf-color);
}
/* NameFunctionMagic */
.chroma .fm {
color: var(--code-fm-color);
}
/* NameLabel */
.chroma .nl {
color: var(--code-nl-color);
}
/* NameNamespace */
.chroma .nn {
color: var(--code-nn-color);
}
/* NameOther */
.chroma .nx {
color: var(--code-nx-color);
}
/* NameProperty */
.chroma .py {
color: var(--code-py-color);
}
/* NameTag */
.chroma .nt {
color: var(--code-nt-color);
}
/* NameVariable */
.chroma .nv {
color: var(--code-nv-color);
}
/* NameVariableClass */
.chroma .vc {
color: var(--code-vc-color);
}
/* NameVariableGlobal */
.chroma .vg {
color: var(--code-vg-color);
}
/* NameVariableInstance */
.chroma .vi {
color: var(--code-vi-color);
}
/* NameVariableMagic */
.chroma .vm {
color: var(--code-vm-color);
}
/* Literal */
.chroma .l {
color: var(--code-l-color);
}
/* LiteralDate */
.chroma .ld {
color: var(--code-ld-color);
}
/* LiteralString */
.chroma .s {
color: var(--code-s-color);
}
/* LiteralStringAffix */
.chroma .sa {
color: var(--code-sa-color);
}
/* LiteralStringBacktick */
.chroma .sb {
color: var(--code-sb-color);
}
/* LiteralStringChar */
.chroma .sc {
color: var(--code-sc-color);
}
/* LiteralStringDelimiter */
.chroma .dl {
color: var(--code-dl-color);
}
/* LiteralStringDoc */
.chroma .sd {
color: var(--code-sd-color);
}
/* LiteralStringDouble */
.chroma .s2 {
color: var(--code-s2-color);
}
/* LiteralStringEscape */
.chroma .se {
color: var(--code-se-color);
}
/* LiteralStringHeredoc */
.chroma .sh {
color: var(--code-sh-color);
}
/* LiteralStringInterpol */
.chroma .si {
color: var(--code-si-color);
}
/* LiteralStringOther */
.chroma .sx {
color: var(--code-sx-color);
}
/* LiteralStringRegex */
.chroma .sr {
color: var(--code-sr-color);
}
/* LiteralStringSingle */
.chroma .s1 {
color: var(--code-s1-color);
}
/* LiteralStringSymbol */
.chroma .ss {
color: var(--code-ss-color);
}
/* LiteralNumber */
.chroma .m {
color: var(--code-m-color);
}
/* LiteralNumberBin */
.chroma .mb {
color: var(--code-mb-color);
}
/* LiteralNumberFloat */
.chroma .mf {
color: var(--code-mf-color);
}
/* LiteralNumberHex */
.chroma .mh {
color: var(--code-mh-color);
}
/* LiteralNumberInteger */
.chroma .mi {
color: var(--code-mi-color);
}
/* LiteralNumberIntegerLong */
.chroma .il {
color: var(--code-il-color);
}
/* LiteralNumberOct */
.chroma .mo {
color: var(--code-mo-color);
}
/* Operator */
.chroma .o {
color: var(--code-o-color);
}
/* OperatorWord */
.chroma .ow {
color: var(--code-ow-color);
}
/* Punctuation */
.chroma .p {
color: var(--code-p-color);
}
/* Comment */
.chroma .c {
color: var(--code-c-color);
}
/* CommentHashbang */
.chroma .ch {
color: var(--code-ch-color);
}
/* CommentMultiline */
.chroma .cm {
color: var(--code-cm-color);
}
/* CommentSingle */
.chroma .c1 {
color: var(--code-c1-color);
}
/* CommentSpecial */
.chroma .cs {
color: var(--code-cs-color);
}
/* CommentPreproc */
.chroma .cp {
color: var(--code-cp-color);
}
/* CommentPreprocFile */
.chroma .cpf {
color: var(--code-cpf-color);
}
/* GenericDeleted */
.chroma .gd {
color: var(--code-gd-color);
}
/* GenericEmph */
.chroma .ge {
font-style: italic;
}
/* GenericInserted */
.chroma .gi {
color: var(--code-gi-color);
}
/* GenericStrong */
.chroma .gs {
font-weight: bold;
}
/* GenericSubheading */
.chroma .gu {
color: var(--code-gu-color);
}
/* PLACEHOLDER TEXT */

Loading…
Cancel
Save