styles: change breadcrumbs color

safe-global · Dec 16, 2024 · 4121cda · 4121cda
1 parent 7ccdc35
commit 4121cda
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/Blog/BreadcrumbsNav/index.tsx b/src/components/Blog/BreadcrumbsNav/index.tsx
@@ -15,7 +15,9 @@ type BreadcrumbsType = {
 
 const createBreadcrumb = (key: string, text: ReactNode, linkProps: string | UrlObject) => (
   <Link key={key} href={linkProps}>
-    <Typography variant={TYPOGRAPHY_VARIANT}>{text}</Typography>
+    <Typography variant={TYPOGRAPHY_VARIANT} color="primary.light">
+      {text}
+    </Typography>
   </Link>
 )
 

diff --git a/src/components/Blog/BreadcrumbsNav/styles.module.css b/src/components/Blog/BreadcrumbsNav/styles.module.css
@@ -8,7 +8,7 @@
 }
 
 .breadcrumbs a:hover {
-  color: var(--mui-palette-text-primary);
+  color: var(--mui-palette-primary-light);
   text-decoration: underline;
 }
 
@@ -22,4 +22,5 @@
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
+  color: var(--mui-palette-primary-light);
 }