Various dark theme fixes (#10416)
- beatify simplemde, remove header hover effect (does not play well with border colors), remove double border separators - fix colored outline buttons - fix disabled style - fix positive messages - fix markdown header border and quote block - adjust footer color - adjust file icons and release list timeline
This commit is contained in:
parent
fe26ca53c1
commit
0bba3f9cf6
2 changed files with 71 additions and 11 deletions
|
@ -24,3 +24,11 @@
|
||||||
border-right: 0;
|
border-right: 0;
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.editor-toolbar {
|
||||||
|
opacity: 1 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.editor-toolbar i.separator {
|
||||||
|
border-left: none;
|
||||||
|
}
|
||||||
|
|
|
@ -245,6 +245,7 @@ a:hover {
|
||||||
footer {
|
footer {
|
||||||
background: #2e323e;
|
background: #2e323e;
|
||||||
border-top: 1px solid #313131;
|
border-top: 1px solid #313131;
|
||||||
|
color: #bababa;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui.menu .dropdown.item .menu {
|
.ui.menu .dropdown.item .menu {
|
||||||
|
@ -345,7 +346,7 @@ a.ui.basic.green.label:hover {
|
||||||
|
|
||||||
.ui.basic.button,
|
.ui.basic.button,
|
||||||
.ui.basic.buttons .button {
|
.ui.basic.buttons .button {
|
||||||
color: #797979 !important;
|
color: #797979;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui.basic.red.active.button,
|
.ui.basic.red.active.button,
|
||||||
|
@ -358,8 +359,9 @@ a.ui.basic.green.label:hover {
|
||||||
.ui.basic.button:hover,
|
.ui.basic.button:hover,
|
||||||
.ui.basic.buttons .button:focus,
|
.ui.basic.buttons .button:focus,
|
||||||
.ui.basic.buttons .button:hover {
|
.ui.basic.buttons .button:hover {
|
||||||
background: transparent !important;
|
color: #dbdbdb;
|
||||||
color: #dbdbdb !important;
|
box-shadow: 0 0 0 1px rgba(200, 200, 200, 0.35) inset;
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui.menu .item {
|
.ui.menu .item {
|
||||||
|
@ -368,7 +370,9 @@ a.ui.basic.green.label:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui.menu .item.disabled,
|
.ui.menu .item.disabled,
|
||||||
.ui.menu .item.disabled:hover {
|
.ui.menu .item.disabled:hover,
|
||||||
|
.ui.ui.menu .item.disabled,
|
||||||
|
.ui.ui.menu .item.disabled:hover {
|
||||||
color: #626773;
|
color: #626773;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -515,7 +519,7 @@ a.ui.basic.green.label:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui .text.grey {
|
.ui .text.grey {
|
||||||
color: #808084 !important;
|
color: #a5a5a8 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui.attached.table.segment {
|
.ui.attached.table.segment {
|
||||||
|
@ -669,7 +673,12 @@ a.ui.basic.green.label:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui.comments .comment .actions a {
|
.ui.comments .comment .actions a {
|
||||||
color: #dbdbdb;
|
color: #9e9e9e;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui.comments .comment .actions a.active,
|
||||||
|
.ui.comments .comment .actions a:hover {
|
||||||
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.repository.view.issue .comment-list .comment .content .header:after {
|
.repository.view.issue .comment-list .comment .content .header:after {
|
||||||
|
@ -708,6 +717,7 @@ a.ui.basic.green.label:hover {
|
||||||
.ui.basic.green.active.button,
|
.ui.basic.green.active.button,
|
||||||
.ui.basic.green.buttons .active.button {
|
.ui.basic.green.buttons .active.button {
|
||||||
color: #13ae38 !important;
|
color: #13ae38 !important;
|
||||||
|
box-shadow: 0 0 0 1px #13ae38 inset !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui.form textarea,
|
.ui.form textarea,
|
||||||
|
@ -1019,6 +1029,12 @@ input {
|
||||||
color: #9e9e9e;
|
color: #9e9e9e;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ui.positive.message {
|
||||||
|
background-color: #0d491b;
|
||||||
|
color: #87ab63;
|
||||||
|
box-shadow: 0 0 0 1px #2d693b inset, 0 0 0 0 transparent;
|
||||||
|
}
|
||||||
|
|
||||||
.ui.negative.message {
|
.ui.negative.message {
|
||||||
background-color: rgba(80, 23, 17, 0.6);
|
background-color: rgba(80, 23, 17, 0.6);
|
||||||
color: #f9cbcb;
|
color: #f9cbcb;
|
||||||
|
@ -1212,10 +1228,21 @@ a.ui.labels .label:hover {
|
||||||
|
|
||||||
.editor-toolbar {
|
.editor-toolbar {
|
||||||
background-color: #404552;
|
background-color: #404552;
|
||||||
|
border-color: #7f98ad;
|
||||||
|
}
|
||||||
|
|
||||||
a {
|
.editor-toolbar a {
|
||||||
color: #87ab63 !important;
|
color: #87ab63 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.editor-toolbar a.active,
|
||||||
|
.editor-toolbar a:hover {
|
||||||
|
background: #2a2e3a;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.editor-toolbar i.separator {
|
||||||
|
border-right-color: #7f98ad;
|
||||||
}
|
}
|
||||||
|
|
||||||
.repository .diff-detail-box {
|
.repository .diff-detail-box {
|
||||||
|
@ -1369,7 +1396,8 @@ a.ui.labels .label:hover {
|
||||||
|
|
||||||
.CodeMirror {
|
.CodeMirror {
|
||||||
color: #9daccc;
|
color: #9daccc;
|
||||||
background-color: #2b2b2b;
|
background-color: #2e323e;
|
||||||
|
border-color: #7f98ad;
|
||||||
border-top: 0;
|
border-top: 0;
|
||||||
|
|
||||||
div.CodeMirror-cursor {
|
div.CodeMirror-cursor {
|
||||||
|
@ -1377,7 +1405,7 @@ a.ui.labels .label:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
.CodeMirror-gutters {
|
.CodeMirror-gutters {
|
||||||
background-color: #2b2b2b;
|
background-color: #2e323e;
|
||||||
}
|
}
|
||||||
|
|
||||||
::selection,
|
::selection,
|
||||||
|
@ -1485,3 +1513,27 @@ a.ui.labels .label:hover {
|
||||||
background-color: #383c4a;
|
background-color: #383c4a;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.markdown:not(code) h1 {
|
||||||
|
border-bottom-color: #888;
|
||||||
|
}
|
||||||
|
|
||||||
|
.markdown:not(code) blockquote {
|
||||||
|
border-left-color: #888;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer .container .links > * {
|
||||||
|
border-left-color: #888;
|
||||||
|
}
|
||||||
|
|
||||||
|
.repository.file.list #repo-files-table tbody .svg {
|
||||||
|
color: #9e9e9e;
|
||||||
|
}
|
||||||
|
|
||||||
|
.repository.release #release-list > li .detail {
|
||||||
|
border-left-color: #888;
|
||||||
|
}
|
||||||
|
|
||||||
|
.repository.release #release-list > li .detail .dot {
|
||||||
|
background-color: #888;
|
||||||
|
}
|
||||||
|
|
Reference in a new issue