From e5c5a6ee63abd7098caa65365b7a9e44a0c5be2c Mon Sep 17 00:00:00 2001 From: Peter Weinberg Date: Mon, 16 Jan 2017 13:52:05 -0500 Subject: [PATCH] amended nightmode styles: modals, dropdown, menu-toggle --- client/less/challenge.less | 1 + client/less/main.less | 39 +++++++++++++++++++++++++++++++++++--- 2 files changed, 37 insertions(+), 3 deletions(-) diff --git a/client/less/challenge.less b/client/less/challenge.less index 493bfc6e7e..56b936a8bd 100644 --- a/client/less/challenge.less +++ b/client/less/challenge.less @@ -90,6 +90,7 @@ color: @code-color; background-color: @code-bg; border-radius: @border-radius-base; + padding: 1px 5px; } & a, #MDN-links a { color: #31708f; diff --git a/client/less/main.less b/client/less/main.less index a61a04b9e9..010dafeb59 100644 --- a/client/less/main.less +++ b/client/less/main.less @@ -1065,10 +1065,43 @@ code { hr { background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0)); } - .navbar-default .navbar-nav > li > a { - color: #CCC; - &:hover { + .navbar-default { + .navbar-nav { + & > li > a { + color: #CCC; + } + .dropdown-menu { + background-color: @gray; + a { + color: @night-text-color !important; + } + } + a:focus, + a:hover, + .open #nav-Community-dropdown { + background-color: #666 !important; + color: @link-hover-color !important; + } + } + } + .navbar-toggle { + &:hover, + &:focus { background-color: #666; + color: @link-hover-color; + border-color: #666; + } + } + .modal-dialog { + .modal-content { + background-color: @gray; + } + .modal-header, + .modal-footer { + border: none; + } + .fa-check-circle { + color: darken(@brand-primary, 5%); } } a, .input-group-addon, .challenge-instructions a, .challenge-instructions #MDN-links a {