Browse Source

gitea issues page fixes

pull/200/head
Marius 5 years ago
parent
commit
380ffe7b87
  1. 188
      CSS/themes/gitea/gitea-base.css

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

@ -98,15 +98,36 @@ footer,
.ui.form .inline.fields .field>label,
.ui.form .inline.fields .field>p,
.ui.form .inline.fields>label,
.ui.dropdown .menu>.message:not(.ui) {
.ui.dropdown .menu>.message:not(.ui),
.ui.dropdown .menu>.header:not(.ui),
.repository.view.issue .comment-list .comment .tag,
.repository .metas .ui.list a .text,
.CodeMirror {
color: var(--text);
}
/* TEXT IMPORTANT */
.ui .text.grey a,
.ui .text.grey {
color: var(--text) !important;
}
/* TEXT HOVER */
b:hover,
.issue.list>.item .title:hover {
.issue.list>.item .title:hover,
.ui.checkbox+label:hover,
.ui.checkbox label:hover,
.ui.checkbox input:focus~label,
.ui.checkbox input:focus~label:after,
.repository .metas .ui.list a .text:hover {
color: var(--text-hover);
}
/* TEXT HOVER IMPORTANT */
.ui .text.grey a:hover {
color: var(--text-hover) !important;
}
/* NAVBAR */
.following.bar.light {
background-color: transparent;
@ -135,7 +156,7 @@ b:hover,
/* UI */
.ui.attached.segment {
border: 1px solid transparent;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.ui.segment {
@ -276,6 +297,10 @@ b:hover,
opacity: .7;
}
.ui.pointing.dropdown>.menu:not(.hidden):after {
background: var(--modal-bg-color);
}
/* MESSAGES */
.ui.negative.message {
background-color: #F44336;
@ -301,6 +326,7 @@ b:hover,
background: rgb(0 0 0 / 95%);
color: var(--text);
}
svg.vch__wrapper .vch__days__labels__wrapper text.vch__day__label[data-v-a9cfea66],
svg.vch__wrapper .vch__legend__wrapper text[data-v-a9cfea66],
svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9cfea66] {
@ -322,14 +348,18 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
font-weight: 400;
box-shadow: none;
}
.ui.menu .active.item:hover, .ui.vertical.menu .active.item:hover {
.ui.menu .active.item:hover,
.ui.vertical.menu .active.item:hover {
background-color: rgba(0, 0, 0, .25);
color: var(--text-hover);
}
.ui.menu a.item:hover {
color: var(--text-hover);
background: rgb(255 255 255 / 8%);
}
#app .ui.link.menu .item:hover,
.ui.menu .dropdown.item:hover,
.ui.menu .link.item:hover {
@ -380,6 +410,7 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
border: 1px solid rgba(255, 255, 255, 0.11);
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
}
/*
.repository .ui.menu .active.item {
background: var(--main-bg-color) !important;
@ -443,6 +474,90 @@ svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9c
background-color: transparent !important;
}
/* ISSUES */
.CodeMirror-cursor {
border-left: 1px solid #fff;
}
.CodeMirror {
border: 1px solid rgb(255 255 255 / .1);
background: rgba(0, 0, 0, .25);
}
.editor-toolbar a {
color: #ffffff !important;
}
.editor-toolbar {
border: 1px solid rgb(255 255 255 / .1);
border-left: 1px solid rgb(255 255 255 / .1);
border-right: 1px solid rgb(255 255 255 / .1);
}
.editor-toolbar a.active,
.editor-toolbar a:hover {
background: rgb(255 255 255 / 25%);
border-color: rgb(255 255 255 / 25%);
}
.dropzone {
min-height: 150px;
border: 2px solid rgba(0, 0, 0, .3);
background: rgb(255 255 255 / 25%);
padding: 20px;
}
.ui.form .dropzone {
border: 2px dashed var(--accent-color);
box-shadow: none !important;
padding: 0;
min-height: 5rem;
border-radius: 4px;
}
.ui.form .dropzone .dz-button {
color: var(--text-hover);
}
.ui.form .dropzone:hover .dz-button {
color: var(--link-color);
}
.repository .metas .ui.list .item {
color: var(--text) !important;
}
.repository.view.issue .comment-list .timeline:before {
background-color: transparent;
}
.repository.view.issue .comment-list .comment .content>.header {
background-color: rgb(0 0 0 / 25%);
}
.repository.view.issue .comment-list .comment .content>.header .actions a {
color: rgb(255 255 255);
}
.repository.view.issue .comment-list .comment .content>.header .actions a:hover {
color: var(--accent-color);
}
.repository .segment.reactions .ui.label.basic.blue {
background-color: #ffffff00 !important;
border-color: inherit !important;
}
.repository.view.issue .comment-list .comment:target>.content {
box-shadow: 0 0 10px #000000;
}
.repository.view.issue .comment-list .timeline-item .badge {
background-color: var(--accent-color);
border: 2px solid var(--accent-color);
color: #fff;
}
/* TABLE */
.ui.table>thead>tr>th {
background: rgb(0 0 0 / 25%);
@ -582,21 +697,45 @@ footer {
background: rgb(255 255 255 / 8%);
color: var(--button-text);
}
/* LABELS */
.ui.label, .ui.menu .item>.label {
background-color: var(--button-color);
color: var(--button-text);
}
.ui.labels a.label:hover, a.ui.label:hover {
background-color: #ffffff;
color: rgba(0,0,0,.8);
}
.repository #commits-table td.sha .sha.label, .repository #repo-files-table .sha.label, .repository .timeline-item.commits-list .singular-commit .sha.label {
border: 1px solid transparent;
}
.repository.file.list #repo-files-table tbody .svg.octicon-file-directory, .repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
color: var(--accent-color);
}
.ui.basic.red.button,
.ui.basic.red.buttons .button {
background: #F44336;
box-shadow: inset 0 0 0 1px #F44336;
color: var(--button-text);
}
.ui.basic.red.button:hover,
.ui.basic.red.buttons .button:hover {
background: #ec2626;
box-shadow: inset 0 0 0 1px #ec2626;
color: var(--button-text);
}
/* LABELS */
.ui.label,
.ui.menu .item>.label {
background-color: var(--button-color);
color: var(--button-text);
}
.ui.labels a.label:hover,
a.ui.label:hover {
background-color: #ffffff;
color: rgba(0, 0, 0, .8);
}
.repository #commits-table td.sha .sha.label,
.repository #repo-files-table .sha.label,
.repository .timeline-item.commits-list .singular-commit .sha.label {
border: 1px solid transparent;
}
.repository.file.list #repo-files-table tbody .svg.octicon-file-directory,
.repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
color: var(--accent-color);
}
/* FORMS */
.ui.form input:not([type]),
.ui.form input[type=date],
@ -683,12 +822,16 @@ footer {
.markdown:not(code) table tr:nth-child(2n) {
background-color: rgba(0, 0, 0, .45);
}
.markdown:not(code) code, .markdown:not(code) tt {
.markdown:not(code) code,
.markdown:not(code) tt {
background-color: rgb(0 0 0 / 0.25);
}
.chroma {
filter: invert(1);
}
.repository.file.list .non-diff-file-content pre {
overflow: auto;
color: #695d4b;
@ -755,3 +898,8 @@ input::selection {
background-color: var(--accent-color);
color: var(--text-hover);
}
/* CALENDAR */
::-webkit-calendar-picker-indicator {
filter: invert(1);
}
Loading…
Cancel
Save