Improving secondary color

lfnascimento · Aug 2, 2020 · feb6d0a · feb6d0a
1 parent f7e8382
commit feb6d0a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/ui/src/components/BestAvailableSeatsResult.tsx b/ui/src/components/BestAvailableSeatsResult.tsx
@@ -23,9 +23,9 @@ class BestAvailableSeatsResult extends Component {
     const { classes } = this.props;
     return(
       <Card className={classes.root}>
-        <CardHeader titleTypographyProps={{variant: "h5", color: 'textSecondary'}}
+        <CardHeader titleTypographyProps={{variant: "h6", color: 'secondary'}}
                     title="Best Seat(s)"
-                    avatar={<GradeIcon color='primary' />}
+                    action={<GradeIcon color='primary' />}
                     />
         <CardContent>
           {

diff --git a/ui/src/components/VenueForm.tsx b/ui/src/components/VenueForm.tsx
@@ -6,7 +6,7 @@ import fetch from 'isomorphic-unfetch';
 import BestAvailableSeatsResult from './BestAvailableSeatsResult';
 import { object, number , ref } from 'yup';
 import { createStyles, makeStyles, Theme } from '@material-ui/core/styles';
-import { FormGroup } from '@material-ui/core';
+import { FormGroup, Typography } from '@material-ui/core';
 import SearchIcon from '@material-ui/icons/Search';
 
 const useStyles = makeStyles((theme: Theme) =>
@@ -18,7 +18,7 @@ const useStyles = makeStyles((theme: Theme) =>
       },
     },
     button: {
-      color: '#fff',
+      color: '#E0E0E0',
       marginTop: '5%'
     },
     seatsFormGroup: {
@@ -119,6 +119,7 @@ function VenueForm () {
                 helperText={formik.errors.venue?.layout?.columns}
               />
             </FormGroup>
+            <Typography color="secondary">Please, select seats that should be available</Typography>
             <FormGroup className={classes.seatsFormGroup}>
               <TextField
                 id='party_of'

diff --git a/ui/src/theme.js b/ui/src/theme.js
@@ -8,7 +8,7 @@ const theme = createMuiTheme({
       main: '#F07241',
     },
     secondary: {
-      main: '#FFFFFF',
+      main: '#E0E0E0'
     },
     error: {
       main: red.A400,