Coding Challenge

Problem statement

Currently, we have an application that can add, edit, and delete items to a list for us. Using a theme for our application makes it easy to change how it looks by being able to make changes to the style in a central location. In this code challenge, modify the Material-UI theme that we used in appTheme.py with the following changes:

• Change the main color of the application to blue.
• Use the filled variant of the Material-UI TextField component.
• Add 0.7rem padding to the Submit button.
• Change the minimum width of both the “Delete” and “Edit” buttons to 10rem.

We have to pay attention to where the styles and properties of the Material-UI components are coming from in the app.py module for clues as to where the changes in the theme need to be made.

The application should have the same functionality, and the styling is the only thing that must be modified.