From 5d3ea76a3e2de4e0e4cdabb8f8a62bda939556ec Mon Sep 17 00:00:00 2001
From: Alan Nguy <yaowong@hotmail.com>
Date: Mon, 25 Feb 2019 02:01:17 -0500
Subject: [PATCH] fix: fixed styling for modal headers (className fcc-modal)
 (#35220)

---
 client/src/components/layouts/global.css              | 11 +++++++++++
 .../Challenges/components/completion-modal.css        |  9 +++++++++
 2 files changed, 20 insertions(+)

diff --git a/client/src/components/layouts/global.css b/client/src/components/layouts/global.css
index 6a9d37aef7..b4d1313414 100644
--- a/client/src/components/layouts/global.css
+++ b/client/src/components/layouts/global.css
@@ -33,3 +33,14 @@ h6 {
 a:hover, a:focus {
    text-decoration: none;
 }
+
+.fcc-modal {
+  background-color: #006400;
+  color: #fff;
+}
+
+.fcc-modal .close {
+  color: #fff;
+  font-size: 28px;
+  text-shadow: none;
+}
\ No newline at end of file
diff --git a/client/src/templates/Challenges/components/completion-modal.css b/client/src/templates/Challenges/components/completion-modal.css
index 6f2a6563d6..2577ed9bd1 100644
--- a/client/src/templates/Challenges/components/completion-modal.css
+++ b/client/src/templates/Challenges/components/completion-modal.css
@@ -10,6 +10,15 @@
   width: 30vh;
 }
 
+.night .challenge-list-header {
+  background-color: #333;
+  border-bottom-color: #222;
+}
+
+.night .challenge-success-modal .modal-content {
+  background-color: #333;
+}
+
 @media screen and (max-width: 767px) {
   .challenge-success-modal .btn-lg {
     font-size: 16px;