From 291b33880c455dc3f6cdd337e89fc0ba7728b99a Mon Sep 17 00:00:00 2001 From: Sheogorath Date: Thu, 29 Mar 2018 22:47:30 +0200 Subject: [PATCH 1/2] 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 --- public/css/index.css | 18 ++++++++++++++++-- 1 file changed, 16 insertions(+), 2 deletions(-) diff --git a/public/css/index.css b/public/css/index.css index b00eba412..3f391e271 100644 --- a/public/css/index.css +++ b/public/css/index.css @@ -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 { From b90b215a84c7e592a795de87792d0670fe647a43 Mon Sep 17 00:00:00 2001 From: Sheogorath Date: Thu, 5 Apr 2018 00:55:34 +0200 Subject: [PATCH 2/2] Fix code blocks color in night mode This provides more eye-friendly code boxes when night mode is active. Signed-off-by: Sheogorath --- public/css/markdown.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/public/css/markdown.css b/public/css/markdown.css index eaa9ab5c8..85a4c5947 100644 --- a/public/css/markdown.css +++ b/public/css/markdown.css @@ -13,6 +13,10 @@ border: inherit !important; } +.night .markdown-body pre { + filter: invert(100%); +} + .markdown-body code { color: inherit !important; } @@ -78,6 +82,7 @@ .markdown-body code[data-gist-id] { background: none; padding: 0; + filter: invert(100%); } .markdown-body code[data-gist-id]:before {