change input background color

Signed-off-by: ryjiang <jiangruiyi@gmail.com>

client/src/components/advancedSearch/Dialog.tsx

@@ -199,7 +199,7 @@ const useStyles = makeStyles((theme: Theme) =>
     },
     copyButton: {},
     expResult: {
-      background: '#f0f0f0',
+      background: '#f4f4f4',
       display: 'flex',
       justifyContent: 'space-between',
       alignItems: 'center',
@@ -212,7 +212,7 @@ const useStyles = makeStyles((theme: Theme) =>
       lineHeight: '24px',
     },
     expWrapper: {
-      background: '#f0f0f0',
+      background: '#f4f4f4',
       minWidth: '480px',
       minHeight: '104px',
       padding: theme.spacing(1.5),

client/src/components/customButton/CustomButton.tsx

@@ -11,7 +11,7 @@ const buttonStyle = makeStyles(theme => ({
     padding: theme.spacing(1),
 
     '&:hover': {
-      backgroundColor: '#f0f0f0',
+      backgroundColor: '#f4f4f4',
     },
   },
   containedBtn: {

client/src/components/grid/LoadingTable.tsx

@@ -9,7 +9,7 @@ const getStyles = makeStyles((theme: Theme) => ({
   },
   skeleton: {
     transform: 'scale(1)',
-    background: 'linear-gradient(90deg, #f0f4f9 0%, #f0f0f0 50%)',
+    background: 'linear-gradient(90deg, #f0f4f9 0%, #f4f4f4 50%)',
   },
   tr: {
     display: 'grid',

client/src/components/menu/CommunityBtn.tsx

@@ -68,7 +68,7 @@ const getStyles = makeStyles((theme: Theme) => ({
     padding: theme.spacing(3),
   },
   block: {
-    border: '1px solid #f0f0f0',
+    border: '1px solid #f4f4f4',
     boxShadow: '3px 3px 10px rgba(0, 0, 0, 0.05)',
     marginBottom: theme.spacing(3),
     padding: theme.spacing(2),

client/src/components/menu/SimpleMenu.tsx

@@ -16,7 +16,7 @@ const getStyles = makeStyles((theme: Theme) => ({
     padding: theme.spacing(1),
 
     '&:hover': {
-      backgroundColor: '#f0f0f0',
+      backgroundColor: '#f4f4f4',
     },
   },
 }));

client/src/pages/dialogs/insert/Import.tsx

@@ -43,7 +43,7 @@ const getStyles = makeStyles((theme: Theme) => ({
   uploadWrapper: {
     marginTop: theme.spacing(3),
     padding: theme.spacing(1),
-    backgroundColor: '#f0f0f0',
+    backgroundColor: '#f4f4f4',
 
     '& .text': {
       color: theme.palette.attuGrey.dark,

client/src/pages/query/Styles.ts

@@ -25,7 +25,7 @@ export const getQueryStyles = makeStyles((theme: Theme) => ({
       flex: 1,
       padding: theme.spacing(0, 0, 0, 2),
       fontSize: theme.spacing(2),
-      backgroundColor: '#f0f0f0',
+      backgroundColor: '#f4f4f4',
 
       '& .expression': {
         display: 'flex',
@@ -33,13 +33,13 @@ export const getQueryStyles = makeStyles((theme: Theme) => ({
         flex: 1,
         alignItems: 'center',
         padding: theme.spacing(0, 1.5),
-        backgroundColor: '#f0f0f0',
+        backgroundColor: '#f4f4f4',
       },
       '& .textarea': {
         width: '100%',
         '& .MuiInput-underline:before': {
           borderWidth: 1,
-          borderColor: '#f0f0f0',
+          borderColor: '#f4f4f4',
         },
         '& .MuiInput-underline:after': {
           borderWidth: 1,

client/src/styles/theme.ts

@@ -179,13 +179,13 @@ export const theme = createMuiTheme({
     },
     MuiFilledInput: {
       root: {
-        backgroundColor: '#f0f0f0',
+        backgroundColor: '#f4f4f4',
         borderRadius: 0,
         borderTopLeftRadius: 0,
         borderTopRightRadius: 0,
 
         '&:hover': {
-          backgroundColor: '#f0f0f0',
+          backgroundColor: '#f4f4f4',
         },
       },
       underline: {