Merge pull request #7474 from weseek/imprv/hierarchical-link-color

imprv: Page path hierarchical link color

packages/app/src/components/SearchPage/SearchResultContent.module.scss

@@ -1,7 +1,7 @@
 /*
 * shadow
 */
-.grw-subnav-append-shadow-container :global {
+.search-result-content :global {
   .grw-subnav {
     box-shadow: 0px 0px 6px 3px rgba(black, 0.15);
   }

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

@@ -238,8 +238,8 @@ export const SearchResultContent: FC<Props> = (props: Props) => {
   if (page == null || rendererOptions == null) return <></>;
 
   return (
-    <div key={page._id} data-testid="search-result-content" className="search-result-content grw-page-path-text-muted-container d-flex flex-column">
-      <div className={`${styles['grw-subnav-append-shadow-container']} grw-subnav-append-shadow-container`}>
+    <div key={page._id} data-testid="search-result-content" className={`search-result-content ${styles['search-result-content']} d-flex flex-column`}>
+      <div className="grw-page-path-text-muted-container">
         <GrowiSubNavigation
           pagePath={page.path}
           pageId={page._id}

packages/app/src/styles/_page-path.scss

@@ -4,11 +4,3 @@
     margin-left: 0.2em;
   }
 }
-
-.grw-page-path-text-muted-container .grw-page-path-hierarchical-link {
-  // overwrite link color
-  &,
-  a {
-    @extend .text-muted;
-  }
-}

packages/app/src/styles/theme/_apply-colors-dark.scss

@@ -261,6 +261,13 @@
     box-shadow: none !important;
   }
 
+  /**
+   * GROWI PagePathHierarchicalLink
+   */
+  .grw-page-path-text-muted-container .grw-page-path-hierarchical-link a {
+    color: $gray-400;
+  }
+
   /*
   * GROWI page list
   */

packages/app/src/styles/theme/_apply-colors-light.scss

@@ -200,6 +200,12 @@
     box-shadow: none !important;
   }
 
+  /**
+   * GROWI PagePathHierarchicalLink
+   */
+  .grw-page-path-text-muted-container .grw-page-path-hierarchical-link a {
+    color: $gray-600;
+  }
   /*
   * GROWI Sidebar
   */