Change secondary palette theme

app/theme-registy.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types'
 import {experimental_extendTheme as extendTheme, Experimental_CssVarsProvider as CssVarsProvider, getInitColorSchemeScript} from '@mui/material/styles'
 import CssBaseline from '@mui/material/CssBaseline'
 
-import {grey, green, red, yellow} from '@mui/material/colors'
+import {grey, green, yellow} from '@mui/material/colors'
 
 import '@fontsource/roboto/300.css'
 import '@fontsource/roboto/400.css'
@@ -21,7 +21,9 @@ const theme = extendTheme({
     light: {
       palette: {
         primary: green,
-        secondary: red,
+        secondary: {
+          main: green[50]
+        },
         divider: green[200],
         info: {
           main: grey[900]
@@ -38,7 +40,9 @@ const theme = extendTheme({
           main: yellow[500],
           contrastText: '#000'
         },
-        secondary: red,
+        secondary: {
+          main: yellow[500]
+        },
         info: {
           main: '#fff'
         },