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

Fix modal and panel colors in night mode

Browse source 
Night mode provides a generally, dark interface. This fix provides the
needed CSS to also turn modal and panels into night mode design as well.
This mainly effects the help modal.

Signed-off-by: Sheogorath <sheogorath@shivering-isles.com>
This commit is contained in:
Sheogorath 2018-03-29 22:47:30 +02:00
parent d2cce7638a
commit 291b33880c
No known key found for this signature in database
GPG key ID: 1F05CC3635CDDFFD
1 changed files with 16 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 {