Re-styling facet filters.

Author: johnpinto1

src/themes/datashare/styles/_global-styles.scss

@@ -207,8 +207,8 @@ a.btn.btn-outline-primary:hover i.fas.fa-info-circle {
 
 .facet-filter,
 .setting-option {
-    background-color: #ffffff !important;
-    border: 1px solid var(--datashare-body-color) !important;
+    background-color: var(--datashare-facet-background-color) !important;
+    // border: 1px solid var(--datashare-body-color) !important;
 }
 
 .filters .toggle-more-filters a,

src/themes/datashare/styles/_theme_css_variable_overrides.scss

@@ -27,6 +27,7 @@
   --datashare-brand-button-primary-hover-active-border: #{$brand-button-primary-hover-active-border};
   --datashare-brand-button-primary-focus-bg: #{$brand-button-primary-focus-bg};
   --datashare-brand-button-primary-focus-border: #{$brand-button-primary-focus-border};
+  --datashare-facet-background-color: #{$gray-100}; 
 }