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:
silverwind 2020-02-23 05:32:15 +01:00 committed by GitHub
parent fe26ca53c1
commit 0bba3f9cf6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 71 additions and 11 deletions

View file

@ -24,3 +24,11 @@
border-right: 0;
border-bottom: 0;
}
.editor-toolbar {
opacity: 1 !important;
}
.editor-toolbar i.separator {
border-left: none;
}

View file

@ -245,6 +245,7 @@ a:hover {
footer {
background: #2e323e;
border-top: 1px solid #313131;
color: #bababa;
}
.ui.menu .dropdown.item .menu {
@ -345,7 +346,7 @@ a.ui.basic.green.label:hover {
.ui.basic.button,
.ui.basic.buttons .button {
color: #797979 !important;
color: #797979;
}
.ui.basic.red.active.button,
@ -358,8 +359,9 @@ a.ui.basic.green.label:hover {
.ui.basic.button:hover,
.ui.basic.buttons .button:focus,
.ui.basic.buttons .button:hover {
background: transparent !important;
color: #dbdbdb !important;
color: #dbdbdb;
box-shadow: 0 0 0 1px rgba(200, 200, 200, 0.35) inset;
background: rgba(0, 0, 0, 0.5);
}
.ui.menu .item {
@ -368,7 +370,9 @@ a.ui.basic.green.label:hover {
}
.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;
}
@ -515,7 +519,7 @@ a.ui.basic.green.label:hover {
}
.ui .text.grey {
color: #808084 !important;
color: #a5a5a8 !important;
}
.ui.attached.table.segment {
@ -669,7 +673,12 @@ a.ui.basic.green.label:hover {
}
.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 {
@ -708,6 +717,7 @@ a.ui.basic.green.label:hover {
.ui.basic.green.active.button,
.ui.basic.green.buttons .active.button {
color: #13ae38 !important;
box-shadow: 0 0 0 1px #13ae38 inset !important;
}
.ui.form textarea,
@ -1019,6 +1029,12 @@ input {
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 {
background-color: rgba(80, 23, 17, 0.6);
color: #f9cbcb;
@ -1212,10 +1228,21 @@ a.ui.labels .label:hover {
.editor-toolbar {
background-color: #404552;
border-color: #7f98ad;
}
a {
.editor-toolbar a {
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 {
@ -1369,7 +1396,8 @@ a.ui.labels .label:hover {
.CodeMirror {
color: #9daccc;
background-color: #2b2b2b;
background-color: #2e323e;
border-color: #7f98ad;
border-top: 0;
div.CodeMirror-cursor {
@ -1377,7 +1405,7 @@ a.ui.labels .label:hover {
}
.CodeMirror-gutters {
background-color: #2b2b2b;
background-color: #2e323e;
}
::selection,
@ -1485,3 +1513,27 @@ a.ui.labels .label:hover {
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;
}