fixed search hint and font colors

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

@@ -107,7 +107,7 @@
 
 
 
-                <div class="sb-example-1 w-100">
+                <div class="sb-example-1">
                     <div class="search">
                         <input type="text" class="searchTerm" placeholder="Search">
                         <button type="submit" class="searchbutton">
@@ -115,7 +115,6 @@
                         <path fill-rule="evenodd" d="M10.442 10.442a1 1 0 0 1 1.415 0l3.85 3.85a1 1 0 0 1-1.414 1.415l-3.85-3.85a1 1 0 0 1 0-1.415z"/>
                         <path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"/>
                         </svg>
-                        <i class="fa fa-search"></i>
                         </button>
                     </div>
                 </div>

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

@@ -78,6 +78,10 @@ body {
   color: map-get($theme-colors, searchhint) !important;
 }
 
+.searchTerm::-webkit-input-placeholder {
+  color: map-get($theme-colors, searchhint) !important;
+}
+
 .sb-example-1 .search {
   width: 95%;
   position: relative;
@@ -95,14 +99,16 @@ body {
   padding-right: 15px;
   border-radius: 25px 0 0 25px;
   stroke: map-get($theme-colors, searchicon);
+  color: map-get($theme-colors, searchhint);
   background-color: map-get($theme-colors, info);
   box-shadow: none;
 }
 
-.sb-example-1 .searchTerm:focus{
+.sb-example-1 .searchTerm:focus {
   stroke: map-get($theme-colors, searchicon);
   background-color: map-get($theme-colors, info);
   box-shadow: none;
+  color: map-get($theme-colors, searchfont) !important;
 }
 
 .sb-example-1 .searchbutton {
@@ -116,12 +122,9 @@ body {
   border-radius: 0 25px 25px 0;
   cursor: pointer;
   font-size: 15px;
+  font-weight: normal;
   box-shadow: none;
 }
 
-.sb-example-1 .searchButton i{
-  color: #0000ff;
-  background-color: #ff0000;
-}
 
 

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

@@ -12,8 +12,8 @@ $theme-colors: (
         "boxborder": #272727,
         "boxborder2": #303030,
         "activecardfont":#e1e4e8,
-        "searchhint": #787572,
-        "searchfont": #bababa, 
+        "searchhint": #6b6866,
+        "searchfont": #9f9c9a, 
         "sidebarfill": #202023,
         "searchbuttonfill": #39393f,
         "searchicon": #737373,