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