80388 add search result item color

packages/app/src/styles/_search.scss

@@ -194,14 +194,6 @@
       margin: 0 10px 0 0;
       vertical-align: middle;
     }
-    .page-list {
-      ul {
-        .active {
-          // background-color: $bgcolor-search-result-item-active;
-          border-left: 3px solid #122c55;
-        }
-      }
-    }
   }
 
   .search-result-content {

packages/app/src/styles/_variables.scss

@@ -35,4 +35,5 @@ $grw-nav-main-left-tab-width: 95px;
 $grw-nav-main-left-tab-width-mobile: 50px;
 $grw-nav-main-tab-height: 42px;
 
-$grw-search-result-item-active: #eff5ff;
+$grw-search-active-item-bgcolor: #eff5ff;
+$grw-search-active-item-left-border: 3px solid #122c55;

packages/app/src/styles/theme/default.scss

@@ -24,7 +24,6 @@ html[light] {
   $bgcolor-card: $gray-50;
   $bgcolor-blinked-section: rgba($primary, 0.1);
   //$bgcolor-keyword-highlighted: $grw-marker-yellow;
-  $bgcolor-search-result-item-active: $grw-search-result-item-active;
 
   // Font colors
   $color-global: #112744;
@@ -113,6 +112,13 @@ html[light] {
       @include btn-page-editor-mode-manager($primary, lighten($primary, 65%), lighten($primary, 70%));
     }
   }
+  // Search result list
+  .page-list {
+    .active {
+      background-color: $grw-search-active-item-bgcolor;
+      border-left: $grw-search-active-item-left-border;
+    }
+  }
 }
 
 //== Dark Mode