add color input to popup

src/views/Action/index.js

@@ -51,7 +51,7 @@ export default function Action({ translator }) {
 
   const popProps = useMemo(() => {
     const width = Math.min(windowSize.w, 300);
-    const height = Math.min(windowSize.h, 386);
+    const height = Math.min(windowSize.h, 442);
     const left = (windowSize.w - width) / 2;
     const top = (windowSize.h - height) / 2;
     return {

src/views/Popup/index.js

@@ -89,7 +89,7 @@ export default function Popup({ setShowPopup, translator: tran }) {
     );
   }
 
-  const { transOpen, translator, fromLang, toLang, textStyle } = rule;
+  const { transOpen, translator, fromLang, toLang, textStyle, bgColor } = rule;
 
   return (
     <Box minWidth={300} sx={{ p: 2 }}>
@@ -168,6 +168,14 @@ export default function Popup({ setShowPopup, translator: tran }) {
           ))}
         </TextField>
 
+        <TextField
+          size="small"
+          name="bgColor"
+          defaultValue={bgColor}
+          label={i18n("bg_color")}
+          onBlur={handleChange}
+        />
+
         <Button variant="text" onClick={handleOpenSetting}>
           {i18n("setting")}
         </Button>