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