refactor: use theme in styles

2 files changed, 7 insertions, 7 deletions

diff --git a/src/components/PollCard/PollCard.tsx b/src/components/PollCard/PollCard.tsx
index 9f89d9a..27f2203 100644
--- a/src/components/PollCard/PollCard.tsx
+++ b/src/components/PollCard/PollCard.tsx
@@ -10,8 +10,7 @@ import {
 import { Which, Poll } from 'which-types';
 
 import PercentageBar from './PercentageBar';
-import {post} from '../../requests';
-import teal from "@material-ui/core/colors/teal";
+import { post } from '../../requests';
 
 interface PropTypes {
   poll: Poll;
@@ -38,12 +37,12 @@ const useStyles = makeStyles(theme => ({
     position:'relative',
     margin: '0 auto',
     width: '100%',
-    height:16,
-    backgroundColor: teal[100]
+    height: theme.spacing(2),
+    backgroundColor: theme.palette.primary.light
   },
   fillRateLine: {
-    height:16,
-    backgroundColor: teal[800],
+    height: theme.spacing(2),
+    backgroundColor: theme.palette.primary.main,
     transitionDuration: '0.5s'
   },
 }));
diff --git a/src/index.tsx b/src/index.tsx
index 4e6779a..2b7c689 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -22,7 +22,8 @@ import ScrollTopArrow from './components/ScrollTopArrow/ScrollTopArrow';
 const theme = createMuiTheme({
   palette: {
     primary: {
-      main: teal[700]
+      main: teal[700],
+      light: teal[100]
     }
   }
 });