learned and implemented default props

src/ScriptEditor/ui/OptionsModal.tsx

@@ -32,12 +32,7 @@ export function OptionsModal(props: IProps): React.ReactElement {
     <Modal open={props.open} onClose={props.onClose}>
       <Box display="flex" flexDirection="row" alignItems="center">
         <Typography>Theme: </Typography>
-        <Select
-          variant="standard"
-          color="primary"
-          onChange={(event) => setTheme(event.target.value)}
-          defaultValue={props.options.theme}
-        >
+        <Select onChange={(event) => setTheme(event.target.value)} defaultValue={props.options.theme}>
           <MenuItem value="vs-dark">dark</MenuItem>
           <MenuItem value="light">light</MenuItem>
         </Select>

src/ScriptEditor/ui/Root.tsx

@@ -296,7 +296,7 @@ export function Root(props: IProps): React.ReactElement {
     <>
       <Box display="flex" flexDirection="row" alignItems="center">
         <Typography>Script name: </Typography>
-        <TextField variant="standard" type="text" tabIndex={1} value={filename} onChange={onFilenameChange} />
+        <TextField type="text" tabIndex={1} value={filename} onChange={onFilenameChange} />
         <IconButton onClick={() => setOptionsOpen(true)}>
           <>
             <SettingsIcon />