inputs background colour fix to #FFFFFF

CirclesUBI · May 14, 2024 · 25fde0c · 25fde0c
1 parent 7de0fa8
commit 25fde0c
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/src/components/Input.js b/src/components/Input.js
@@ -79,21 +79,22 @@ const useStyles = makeStyles((theme) => {
       padding: '11.5px 14px',
       borderRadius: '25px',
       color: theme.custom.colors.purple100,
+      background: theme.custom.colors.realwhite,
     },
 
     outlinedInputRoot: {
       borderRadius: '25px',
       border: `3px solid transparent`,
       padding: '0px',
-      background: theme.custom.colors.white,
+      background: theme.custom.colors.realwhite,
 
       '&:hover': {
         '& .MuiOutlinedInput-notchedOutline': {
           borderColor: textColor,
         },
 
         '& .MuiOutlinedInput-input': {
-          background: theme.custom.colors.white,
+          background: theme.custom.colors.realwhite,
         },
 
         '&.Mui-error': {

diff --git a/src/components/TransferInput.js b/src/components/TransferInput.js
@@ -9,7 +9,7 @@ const useStyles = makeStyles((theme) => ({
     height: 66,
     boxShadow: theme.custom.shadows.greyUp,
     color: theme.custom.colors.purple100,
-    background: theme.custom.colors.white,
+    background: theme.custom.colors.realwhite,
 
     '& .MuiSvgIcon-root': {
       fill: theme.custom.colors.purple100,

diff --git a/src/styles/theme.js b/src/styles/theme.js
@@ -51,6 +51,7 @@ const foundation = {
   purple500: '#C8C6E9',
   purple600: '#E5E4F2',
   white: '#F6F1ED',
+  realwhite: '#FFFFFF',
   errorYellow: '#FFC834',
   successGreen: '#05BF93',
 };