Implementation
This PR implements a custom theme in blue shades for Material-UI components to use across the app.
Create Theme:
Inside the src folder, the file frontend/src/theme.jsxwas created to define a Custom theme with the following colors to use across the application:
Apply the Theme
In order to apply the team, we need to wrap the application with the ThemeProvider component, therefore the ThemeProvider and CssBaseline components were added to the rendered elements in the main.jsxfile.
Use the Theme colors in the components
The following components were updated to use the colors defined by the theme:
GenericTable.jsx
PaginationBar.jsx
MyButton.jsx
NavBar.jsx
This PR also updates the files package.json and package-lock.json because some components needed to be installed from mui.
This PR addresses issue #88
Implementation This PR implements a custom theme in blue shades for Material-UI components to use across the app.
Create Theme: Inside the![shades](https://github.com/MarisiaS/SMM/assets/102187795/512deebc-e6f7-4f63-8e2c-3d9171ddc432)
src
folder, the filefrontend/src/theme.jsx
was created to define a Custom theme with the following colors to use across the application:Apply the Theme In order to apply the team, we need to wrap the application with the
ThemeProvider
component, therefore the ThemeProvider and CssBaseline components were added to the rendered elements in themain.jsx
file.Use the Theme colors in the components The following components were updated to use the colors defined by the theme:
This PR also updates the files package.json and package-lock.json because some components needed to be installed from mui.