feat: change outpreview styling

src/components/molecules/InterpretationLog.tsx

@@ -125,7 +125,7 @@ export const InterpretationLog: React.FC<InterpretationLogProps> = ({ isOpen, se
     }
   }, [hasScrapeListAction, hasScrapeSchemaAction, hasScreenshotAction, setIsOpen]);
 
-  const isDarkMode = useThemeMode();
+  const { darkMode} = useThemeMode();
 
   return (
     <Grid container>
@@ -135,9 +135,7 @@ export const InterpretationLog: React.FC<InterpretationLogProps> = ({ isOpen, se
           variant="contained"
           color="primary"
           sx={{
-
-            borderRadius: ' 0 0 10px 10px',
-           
+            marginTop: '10px',           
             color: 'white',
             position: 'absolute',
             background: '#ff00c3',
@@ -162,8 +160,8 @@ export const InterpretationLog: React.FC<InterpretationLogProps> = ({ isOpen, se
           onOpen={toggleDrawer(true)}
           PaperProps={{
             sx: {
-              background: `${isDarkMode ? '#1e2124' : 'white'}`,
-              color: `${isDarkMode ? 'white' : 'black'}`,
+              background: `${darkMode ? '#1e2124' : 'white'}`,
+              color: `${darkMode ? 'white' : 'black'}`,
               padding: '10px',
               height: 500,
               width: width - 10,