80388 add color to default theme

packages/app/src/components/SearchPage/SearchResultListItem.tsx

@@ -36,7 +36,7 @@ const SearchResultListItem: FC<Props> = (props:Props) => {
   // TASK : https://estoc.weseek.co.jp/redmine/issues/79606
 
   return (
-    <li key={page._id} className={`page-list-li w-100 border-bottom pr-4 ${page._id === selectedPageId ? 'selected-list-item' : ''}`}>
+    <li key={page._id} className={`page-list-li w-100 border-bottom pr-4 list-group-item-action ${page._id === selectedPageId ? 'active' : ''}`}>
       <a
         className="d-block pt-3"
         href={pageId}

packages/app/src/styles/_search.scss

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

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

@@ -24,6 +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;
 
   // Font colors
   $color-global: #112744;