Change search box color on datahub

eea · Oct 5, 2022 · 8851e42 · 8851e42
1 parent 7918a35
commit 8851e42
Showing 1 changed file with 25 additions and 9 deletions.
diff --git a/src/SearchBlock/less/datahub.less b/src/SearchBlock/less/datahub.less
@@ -1,8 +1,16 @@
-.searchlib-block {
+.datahub-view {
+  .search-action {
+    background-color: @blue-4;
+  }
+
+  #search-box {
+    background: @blue-4 !important;
+  }
+
   .searchapp-datahub {
     /**
-    * Search box
-    */
+      * Search box
+      */
     .sui-search-box .search-input .terms-box {
       border-color: @blue-5;
 
@@ -25,8 +33,8 @@
     }
 
     /**
-    * Tabs
-    */
+      * Tabs
+      */
     .ui.secondary.pointing.content-section-tabs.menu {
       a.item {
         color: @blue-grey-5;
@@ -39,8 +47,8 @@
     }
 
     /**
-    * Filters
-    */
+      * Filters
+      */
     .above-results .sorting .inline.dropdown > span,
     .dropdown-facets-list .ui.button.sui-button:hover,
     .ui.basic.button.sui-button,
@@ -49,8 +57,8 @@
     }
 
     /**
-    * Pagination
-    */
+      * Pagination
+      */
     .search-body-footer {
       .ui.button.pagination-item {
         &.active,
@@ -72,6 +80,14 @@
 .view-datahub-item {
   color: @blue-grey-5;
 
+  .search-action {
+    background-color: @blue-4;
+  }
+
+  #search-box {
+    background: @blue-4 !important;
+  }
+
   .dataset-container {
     width: 100%;
     max-width: 900px;