80388 add color to variables.scss and use it in default.scss

packages/app/src/styles/_search.scss

@@ -197,7 +197,7 @@
     .page-list {
       ul {
         .active {
-          background-color: $bgcolor-search-result-item-active;
+          // background-color: $bgcolor-search-result-item-active;
           border-left: 3px solid #122c55;
         }
       }

packages/app/src/styles/_variables.scss

@@ -34,3 +34,5 @@ $grw-logomark-width: 36px;
 $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;

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

@@ -24,7 +24,7 @@ html[light] {
   $bgcolor-card: $gray-50;
   $bgcolor-blinked-section: rgba($primary, 0.1);
   //$bgcolor-keyword-highlighted: $grw-marker-yellow;
-  $bgcolor-search-result-item-active: #eff5ff;
+  $bgcolor-search-result-item-active: $grw-search-result-item-active;
 
   // Font colors
   $color-global: #112744;