In the [theme.js] every used color should be written. (Primary, Seccondary, warning, success, error, ...)
These colors should be used throughout the UI and imported from the Theme instead of setting them in the css files.
For example in the check.css
success {
color: #008643;
}
The theme of the color should be used instead.
How To:
import the Theme to the check.js file
import { useTheme } from '@material-ui/core/styles';
use the Theme
function Status(status) {
const theme = useTheme();
switch (status.status) {
case 'success':
return <span style={{"color": theme.palette.success.main}}>Success</span>
In the [theme.js] every used color should be written. (Primary, Seccondary, warning, success, error, ...) These colors should be used throughout the UI and imported from the Theme instead of setting them in the css files. For example in the check.css
The theme of the color should be used instead.
How To:
import { useTheme } from '@material-ui/core/styles';