commit deabd2876cfcc7bc63eb26fe30f17508d6179d95
author idillon-sfl <io.daza-dillon@savoirfairelinux.com> Thu Aug 25 22:50:03 2022 -0400
committer idillon <io.daza-dillon@savoirfairelinux.com> Fri Sep 16 17:14:07 2022 -0400
tree 5214430603eb3936faa5bc2318564e9e114b3696
parent 837ea0b5ebfc11ea0aed5d76e2f426a08844fb98

use palette for colors

Change-Id: Id46f298fde643dba4ebadedcee2816d0141cae10

client/src/components/buttons.js

diff --git a/client/src/components/buttons.js b/client/src/components/buttons.js
index 620d0aa..1233369 100644
--- a/client/src/components/buttons.js
+++ b/client/src/components/buttons.js
@@ -8,18 +8,18 @@
             <Icon fontSize="inherit"/>
         </IconButton>
     )
-)(() => ({
-    border: "1px solid #005699",
-    color: "#005699",
+)(({theme}) => ({
+    border: `1px solid ${theme.palette.primary.dark}`,
+    color: theme.palette.primary.dark,
     height: "53px",
     width: "53px",
     fontSize: "15px",
     "&:hover": {
-        background: "#0056991A",
+        background: theme.palette.primary.light,
     },
     "&:active": {
         color: "#FFF",
-        background: "#005699",
+        background: theme.palette.primary.dark,
     },
 }));