From 3f516dab3b9790f236c86c7f6b6843208c06fc7c Mon Sep 17 00:00:00 2001
From: Rebecca Hollis <rhollis@jdsfaulkner.com>
Date: Fri, 20 Nov 2020 10:05:18 -0500
Subject: [PATCH] improving contrast in dark theme

---
 src/assets/pages/resources-landing-page.html  |  2 +-
 .../pages/styles/resources-landing-page.scss  | 22 ++++++++++++++-----
 src/assets/pages/styles/theme-dark.scss       | 10 ++++-----
 3 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/src/assets/pages/resources-landing-page.html b/src/assets/pages/resources-landing-page.html
index 00f3306..3eab02e 100644
--- a/src/assets/pages/resources-landing-page.html
+++ b/src/assets/pages/resources-landing-page.html
@@ -89,7 +89,7 @@
 
                 <div class="album py-5">
                     <div class="container">
-                        <input class="form-control form-control-dark w-100 bg-info border border-boxborder text-searchfont"
+                        <input type="text" class="form-control w-100 bg-info border border-boxborder text-searchfont"
                                placeholder="Search (What kind of resource are you looking for?)"
                                aria-label="Search">
                     </div>
diff --git a/src/assets/pages/styles/resources-landing-page.scss b/src/assets/pages/styles/resources-landing-page.scss
index c959ec5..1d000ed 100644
--- a/src/assets/pages/styles/resources-landing-page.scss
+++ b/src/assets/pages/styles/resources-landing-page.scss
@@ -113,21 +113,33 @@ body {
 }
 }
 
+.form-control {
+  border-radius: 25px;
+}
+
 .form-control:focus {
   box-shadow: none;
 }
 
-.card-image-background{
+.card-image-background {
   display: flex;
 }
 
-.text-align-left{
+.text-align-left {
   text-align: left;
 }
 
-.form-control::-webkit-input-placeholder { color: searchfont; }  /* WebKit, Blink, Edge */
-.form-control:-moz-placeholder { color: searchfont; }  /* Mozilla Firefox 4 to 18 */
-.form-control::-moz-placeholder { color: searchfont; }  /* Mozilla Firefox 19+ */
+.input::-webkit-input-placeholder { 
+  color: searchfont !important; 
+}  /* WebKit, Blink, Edge */
+
+.input:-moz-placeholder { 
+  color: searchfont !important; 
+}  /* Mozilla Firefox 4 to 18 */
+
+.input::-moz-placeholder { 
+  color: searchfont !important; 
+}  /* Mozilla Firefox 19+ */
 
 .category-header p {
   margin: 0 0 .15em 0;
diff --git a/src/assets/pages/styles/theme-dark.scss b/src/assets/pages/styles/theme-dark.scss
index fa5d049..d53c3a1 100644
--- a/src/assets/pages/styles/theme-dark.scss
+++ b/src/assets/pages/styles/theme-dark.scss
@@ -1,15 +1,15 @@
 $theme-colors: (
         "primary": #707070,
-        "secondary": #303033,
+        "secondary": #121212,
         "success": #808080,
-        "info": #202023,
+        "info": #272727,
         "warning": #000000,
         "navbartext": #414144,
         "navbartextfeather": #303033,
         "navbartextactive": #202022,
         "inactivecard": #414144,
         "activecard": #707070,
-        "boxborder": #55555c,
+        "boxborder": #272727,
         "activecardfont":#e1e4e8,
         "searchfont": #808080,
         "sidebarfill": #202023,
@@ -21,9 +21,9 @@ $theme-colors: (
         "paragraphtextcolor": #808080,
         "paragraphtextcolorhover":#202022,
         "themebuttonoutline": #414144,
-        "inactiveaccordion": #313033,
+        "inactiveaccordion": #202023,
         "activeaccordion": #414144,
-        "inactivetextaccordion": #171719,
+        "inactivetextaccordion": #414144,
         "activetextaccordion": #808080,
         "inactiveborderaccordion": #202023,
         "activeborderaccordion": rgba(26, 26, 26, 0),