Merge pull request #710 from rishabhsharma1997/master

chore: using brand colors

Author: captain-Akshay

src/custom/StyledChapter/StyledChapter.tsx

@@ -1,5 +1,5 @@
 import { styled } from '@mui/material';
-import { KEPPEL, SLATE_BLUE, TRANSPARENT_WHITE } from '../../theme';
+import { SLATE_BLUE, TRANSPARENT_WHITE } from '../../theme';
 
 const StyledChapter = styled('div')(({ theme }) => ({
   color: theme.palette.text.primary,
@@ -15,7 +15,7 @@ const StyledChapter = styled('div')(({ theme }) => ({
   },
 
   '& a': {
-    color: KEPPEL,
+    color: theme.palette.background.default,
     textDecoration: 'none'
   },
   '& pre': {