fix: brand colors for TOC

rishabhsharma1997 · rishabhsharma1997 · commit 43a25cc34816 · 2024-07-26T18:30:48.000+05:30
Signed-off-by: rishabhsharma1997 &lt;rishabhsharma19997@gmail.com&gt;
diff --git a/src/custom/TOCChapter/style.tsx b/src/custom/TOCChapter/style.tsx
@@ -1,5 +1,4 @@
 import { styled } from '@mui/material';
-import { CARIBBEAN_GREEN } from '../../theme';
 
 export const TOCWrapper = styled('div')(({ theme }) => ({
   '.chapter-back': {
@@ -67,13 +66,13 @@ export const TOCWrapper = styled('div')(({ theme }) => ({
         },
         '&:hover': {
           '&::marker, & p, & a': {
-            color: CARIBBEAN_GREEN
+            color: theme.palette.background.brand?.default
           }
         }
       },
       '.active-link': {
         '&::marker, & p, & a': {
-          color: CARIBBEAN_GREEN
+          color: theme.palette.background.brand?.default
         }
       }
     }

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`	`1`	`import { styled } from '@mui/material';`
`2`		`-import { CARIBBEAN_GREEN } from '../../theme';`
`3`	`2`
`4`	`3`	`export const TOCWrapper = styled('div')(({ theme }) => ({`
`5`	`4`	`'.chapter-back': {`
`@@ -67,13 +66,13 @@ export const TOCWrapper = styled('div')(({ theme }) => ({`
`67`	`66`	`},`
`68`	`67`	`'&:hover': {`
`69`	`68`	`'&::marker, & p, & a': {`
`70`		`- color: CARIBBEAN_GREEN`
	`69`	`+ color: theme.palette.background.brand?.default`
`71`	`70`	`}`
`72`	`71`	`}`
`73`	`72`	`},`
`74`	`73`	`'.active-link': {`
`75`	`74`	`'&::marker, & p, & a': {`
`76`		`- color: CARIBBEAN_GREEN`
	`75`	`+ color: theme.palette.background.brand?.default`
`77`	`76`	`}`
`78`	`77`	`}`
`79`	`78`	`}`