depau/HackMD
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Merge pull request #790 from SISheogorath/fix/nightModeCSS

Browse source 
Fix modal and panel colors in night mode
This commit is contained in:
Christoph (Sheogorath) Kern 2018-04-05 01:24:34 +02:00 committed by GitHub
commit 5a5b3e9ddd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 21 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
public/css/index.css
View file

@ -156,6 +156,10 @@ body.night{
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
.night .ui-edit-area .ui-sync-toggle {
box-shadow: 2px 0px 2px #353535;
}
.ui-edit-area .ui-sync-toggle:active { .ui-edit-area .ui-sync-toggle:active {
box-shadow: inset 0 3px 5px rgba(0,0,0,.125), 2px 0px 2px #e7e7e7; box-shadow: inset 0 3px 5px rgba(0,0,0,.125), 2px 0px 2px #e7e7e7;
} }
@ -292,6 +296,13 @@ body.night{
background: #222; background: #222;
} }
.night .modal-content,
.night .panel,
.night .panel-heading {
color: #eee;
background-color: #333;
}
.dropdown-menu.CodeMirror-other-cursor { .dropdown-menu.CodeMirror-other-cursor {
transition: none; transition: none;
} }
@ -340,7 +351,8 @@ div[contenteditable]:empty:not(:focus):before{
background: inherit; background: inherit;
} }
.night .navbar .btn-default{ .night .navbar .btn-default,
.night .close {
background-color: #333; background-color: #333;
border-color: #565656; border-color: #565656;
color: #eee; color: #eee;
@ -372,8 +384,10 @@ div[contenteditable]:empty:not(:focus):before{
.night .btn.focus, .night .btn.focus,
.night .btn:focus, .night .btn:focus,
.night .btn:hover{ .night .btn:hover,
.night .close {
color: #fff; color: #fff;
background-color: #333;
} }
.info-label { .info-label {

5
public/css/markdown.css
View file

@ -13,6 +13,10 @@
border: inherit !important; border: inherit !important;
} }
.night .markdown-body pre {
filter: invert(100%);
}
.markdown-body code { .markdown-body code {
color: inherit !important; color: inherit !important;
} }
@ -78,6 +82,7 @@
.markdown-body code[data-gist-id] { .markdown-body code[data-gist-id] {
background: none; background: none;
padding: 0; padding: 0;
filter: invert(100%);
} }
.markdown-body code[data-gist-id]:before { .markdown-body code[data-gist-id]:before {