fixed placeholder text font color

src/assets/pages/resources-landing-page.html

@@ -89,7 +89,7 @@
 
                 <div class="album py-5">
                     <div class="container">
-                        <input type="text" class="form-control w-100 bg-info border border-boxborder text-searchfont"
+                        <input type="text" class="form-control w-100 bg-info border border-boxborder text-searchfont input"
                                placeholder="Search (What kind of resource are you looking for?)"
                                aria-label="Search">
                     </div>

src/assets/pages/styles/resources-landing-page.scss

@@ -129,18 +129,6 @@ body {
   text-align: left;
 }
 
-.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;
   padding-left: 1rem; 

src/assets/pages/styles/theme-base.scss

@@ -1,4 +1,5 @@
 @use "sass:map";
+
 $enable-rounded: true !default;
 
 
@@ -73,4 +74,8 @@ body{
   border-color: map-get($theme-colors, activeborderaccordion);
 }
 
+.form-control::-webkit-input-placeholder {
+  color: map-get($theme-colors, searchfont) !important;
+}
+
 

src/assets/pages/styles/theme-dark.scss

@@ -11,7 +11,7 @@ $theme-colors: (
         "activecard": #707070,
         "boxborder": #272727,
         "activecardfont":#e1e4e8,
-        "searchfont": #808080,
+        "searchfont": grey,
         "sidebarfill": #202023,
         "sidebartext": #808080,
         "webcardimagebackground": #707070,