From e6b29dcc2cd0aec472e36cd1fcd99e4be1b011f3 Mon Sep 17 00:00:00 2001
From: Shaun Hamilton <51722130+Sky020@users.noreply.github.com>
Date: Mon, 2 Nov 2020 13:16:04 +0000
Subject: [PATCH] fix(client): fix modal heading CSS for light theme (#40106)

---
 client/src/components/layouts/global.css           | 12 +++++++++++-
 client/src/components/settings/SolutionViewer.js   |  2 --
 client/src/components/settings/solution-viewer.css |  8 --------
 3 files changed, 11 insertions(+), 11 deletions(-)
 delete mode 100644 client/src/components/settings/solution-viewer.css

diff --git a/client/src/components/layouts/global.css b/client/src/components/layouts/global.css
index 1f9e751f74..44dc7f0313 100644
--- a/client/src/components/layouts/global.css
+++ b/client/src/components/layouts/global.css
@@ -436,7 +436,17 @@ pre {
 
 .panel-primary > .panel-heading {
   background-color: transparent;
-  border-color: var(--color-primary);
+  border-color: var(--primary-color);
+  color: var(--primary-color);
+}
+
+.solution-viewer,
+.solution-viewer pre {
+  margin-bottom: 0px;
+}
+
+.solution-viewer {
+  border-color: var(--primary-color);
 }
 
 .has-success .help-block,
diff --git a/client/src/components/settings/SolutionViewer.js b/client/src/components/settings/SolutionViewer.js
index 2a0a39154f..0e3ce7955d 100644
--- a/client/src/components/settings/SolutionViewer.js
+++ b/client/src/components/settings/SolutionViewer.js
@@ -3,8 +3,6 @@ import PropTypes from 'prop-types';
 import { Panel } from '@freecodecamp/react-bootstrap';
 import Prism from 'prismjs';
 
-import './solution-viewer.css';
-
 const prismLang = {
   css: 'css',
   js: 'javascript',
diff --git a/client/src/components/settings/solution-viewer.css b/client/src/components/settings/solution-viewer.css
deleted file mode 100644
index 6364669d71..0000000000
--- a/client/src/components/settings/solution-viewer.css
+++ /dev/null
@@ -1,8 +0,0 @@
-.solution-viewer,
-.solution-viewer pre {
-  margin-bottom: 0px;
-}
-
-.solution-viewer {
-  border-color: var(--color-primary);
-}