From 6c0a91a64f09b682f371d91ec16d00afdd428677 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9D=9E=E6=B3=95=E6=93=8D=E4=BD=9C?= <hjlarry@163.com>
Date: Tue, 17 Jun 2025 16:11:57 +0800
Subject: [PATCH] fix: some dark theme display incorrect (#21055)

---
 .../install-plugin/install-from-github/steps/selectPackage.tsx  | 2 ++
 web/app/components/workflow/panel/env-panel/variable-modal.tsx  | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/app/components/plugins/install-plugin/install-from-github/steps/selectPackage.tsx b/web/app/components/plugins/install-plugin/install-from-github/steps/selectPackage.tsx
index 24e1e39ff..c77d0d0a7 100644
--- a/web/app/components/plugins/install-plugin/install-from-github/steps/selectPackage.tsx
+++ b/web/app/components/plugins/install-plugin/install-from-github/steps/selectPackage.tsx
@@ -83,6 +83,7 @@ const SelectPackage: React.FC<SelectPackageProps> = ({
         installedValue={updatePayload?.originalPackageInfo.version}
         placeholder={t(`${i18nPrefix}.selectVersionPlaceholder`) || ''}
         popupClassName='w-[512px] z-[1001]'
+        triggerClassName='text-components-input-text-filled'
       />
       <label
         htmlFor='package'
@@ -97,6 +98,7 @@ const SelectPackage: React.FC<SelectPackageProps> = ({
         readonly={!selectedVersion}
         placeholder={t(`${i18nPrefix}.selectPackagePlaceholder`) || ''}
         popupClassName='w-[512px] z-[1001]'
+        triggerClassName='text-components-input-text-filled'
       />
       <div className='mt-4 flex items-center justify-end gap-2 self-stretch'>
         {!isEdit
diff --git a/web/app/components/workflow/panel/env-panel/variable-modal.tsx b/web/app/components/workflow/panel/env-panel/variable-modal.tsx
index 4546aabae..c84255494 100644
--- a/web/app/components/workflow/panel/env-panel/variable-modal.tsx
+++ b/web/app/components/workflow/panel/env-panel/variable-modal.tsx
@@ -139,7 +139,7 @@ const VariableModal = ({
           <div className='flex'>
             {
               type !== 'number' ? <textarea
-                className='system-sm-regular placeholder:system-sm-regular block h-20 w-full resize-none appearance-none rounded-lg border border-transparent bg-components-input-bg-normal p-2 caret-primary-600 outline-none placeholder:text-components-input-text-placeholder hover:border-components-input-border-hover hover:bg-components-input-bg-hover focus:border-components-input-border-active focus:bg-components-input-bg-active focus:shadow-xs'
+                className='system-sm-regular placeholder:system-sm-regular block h-20 w-full resize-none appearance-none rounded-lg border border-transparent bg-components-input-bg-normal p-2 text-components-input-text-filled caret-primary-600 outline-none placeholder:text-components-input-text-placeholder hover:border-components-input-border-hover hover:bg-components-input-bg-hover focus:border-components-input-border-active focus:bg-components-input-bg-active focus:shadow-xs'
                 value={value}
                 placeholder={t('workflow.env.modal.valuePlaceholder') || ''}
                 onChange={e => setValue(e.target.value)}