fixed theme and svgs

src/layouts/MuiLayout.jsx

@@ -14,6 +14,7 @@ const MuiLayout = ({children, isBot}) => {
     const emotionCache = clientSideEmotionCacheRtl;
 
     const theme = themeRtl;
+
     return (
         <NoSsrHandler isBot={isBot}>
             <CacheProvider value={emotionCache}>
@@ -30,7 +31,7 @@ const MuiLayout = ({children, isBot}) => {
                                 height: "8px",
                             },
                             "*::-webkit-scrollbar-thumb": {
-                                background: "#e1e1e1",
+                                background: `${theme.palette.primary.light}`,
                                 borderRadius: "3px",
                             },
                             "*:not(.MuiTableContainer-root)": {
@@ -40,11 +41,11 @@ const MuiLayout = ({children, isBot}) => {
 
                             "*": {
                                 scrollbarWidth: "thin",
-                                scrollbarColor: "#e1e1e1 transparent",
+                                scrollbarColor: `${theme.palette.primary.light} transparent`,
                             },
 
                             "*::-moz-scrollbar-thumb": {
-                                backgroundColor: "#e1e1e1",
+                                backgroundColor: `${theme.palette.primary.light}`,
                             },
                             [`@media (max-width: ${theme.breakpoints.values.sm}px)`]: {
                                 "*::-webkit-scrollbar": {