Skip to content

Commit 291b338

Browse files
committed
Fix modal and panel colors in night mode
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>
1 parent d2cce76 commit 291b338

1 file changed

Lines changed: 16 additions & 2 deletions

File tree

public/css/index.css

Lines changed: 16 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -156,6 +156,10 @@ body.night{
156156
left: 50%;
157157
transform: translate(-50%, -50%);
158158
}
159+
.night .ui-edit-area .ui-sync-toggle {
160+
box-shadow: 2px 0px 2px #353535;
161+
}
162+
159163
.ui-edit-area .ui-sync-toggle:active {
160164
box-shadow: inset 0 3px 5px rgba(0,0,0,.125), 2px 0px 2px #e7e7e7;
161165
}
@@ -292,6 +296,13 @@ body.night{
292296
background: #222;
293297
}
294298

299+
.night .modal-content,
300+
.night .panel,
301+
.night .panel-heading {
302+
color: #eee;
303+
background-color: #333;
304+
}
305+
295306
.dropdown-menu.CodeMirror-other-cursor {
296307
transition: none;
297308
}
@@ -340,7 +351,8 @@ div[contenteditable]:empty:not(:focus):before{
340351
background: inherit;
341352
}
342353

343-
.night .navbar .btn-default{
354+
.night .navbar .btn-default,
355+
.night .close {
344356
background-color: #333;
345357
border-color: #565656;
346358
color: #eee;
@@ -372,8 +384,10 @@ div[contenteditable]:empty:not(:focus):before{
372384

373385
.night .btn.focus,
374386
.night .btn:focus,
375-
.night .btn:hover{
387+
.night .btn:hover,
388+
.night .close {
376389
color: #fff;
390+
background-color: #333;
377391
}
378392

379393
.info-label {

0 commit comments

Comments
 (0)