From 6327391e652275ac84f1a429283222f046d42f45 Mon Sep 17 00:00:00 2001
From: Gabe Yuan <gabe@zq.com>
Date: Fri, 1 Sep 2023 17:02:47 +0800
Subject: [PATCH] hide color input when diy style

---
 src/views/Popup/index.js | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/views/Popup/index.js b/src/views/Popup/index.js
index 0ffbaa9..7272086 100644
--- a/src/views/Popup/index.js
+++ b/src/views/Popup/index.js
@@ -18,6 +18,7 @@ import {
   OPT_LANGS_FROM,
   OPT_LANGS_TO,
   OPT_STYLE_ALL,
+  OPT_STYLE_USE_COLOR,
 } from "../../config";
 import { sendIframeMsg } from "../../libs/iframe";
 
@@ -172,13 +173,15 @@ export default function Popup({ setShowPopup, translator: tran }) {
           ))}
         </TextField>
 
-        <TextField
-          size="small"
-          name="bgColor"
-          value={bgColor}
-          label={i18n("bg_color")}
-          onChange={handleChange}
-        />
+        {OPT_STYLE_USE_COLOR.includes(textStyle) && (
+          <TextField
+            size="small"
+            name="bgColor"
+            value={bgColor}
+            label={i18n("bg_color")}
+            onChange={handleChange}
+          />
+        )}
 
         <Button variant="text" onClick={handleOpenSetting}>
           {i18n("setting")}