feat(ui): 为多处 JsonEditor 组件接入暗色模式 (#4556)

在为 UsageScriptModal、ProviderForm、UniversalProviderFormModal 中
的 JsonEditor CodeMirror 编辑器添加 darkMode 支持,使用 useDarkMode()
hook 监听 App 主题,自动切换 oneDark 编辑器主题。
This commit is contained in:
Tan Kimzeg
2026-06-23 23:30:01 +08:00
committed by GitHub
parent 9171ad752c
commit 55abd1822c
3 changed files with 13 additions and 0 deletions
@@ -9,6 +9,7 @@ import { Form, FormField, FormItem, FormMessage } from "@/components/ui/form";
import { Input } from "@/components/ui/input";
import { providerSchema, type ProviderFormData } from "@/lib/schemas/provider";
import { providersApi, settingsApi, type AppId } from "@/lib/api";
import { useDarkMode } from "@/hooks/useDarkMode";
import type {
ProviderCategory,
ProviderMeta,
@@ -264,6 +265,7 @@ function ProviderFormFull({
const { data: settingsData } = useSettingsQuery();
const showCommonConfigNotice =
settingsData != null && settingsData.commonConfigConfirmed !== true;
const isDarkMode = useDarkMode();
const handleCommonConfigConfirm = async () => {
try {
@@ -2233,6 +2235,7 @@ function ProviderFormFull({
rows={14}
showValidation={false}
language="json"
darkMode={isDarkMode}
/>
</div>
) : appId === "opencode" &&
@@ -2257,6 +2260,7 @@ function ProviderFormFull({
rows={14}
showValidation={true}
language="json"
darkMode={isDarkMode}
/>
</div>
{settingsConfigErrorField}
@@ -2287,6 +2291,7 @@ function ProviderFormFull({
rows={14}
showValidation={true}
language="json"
darkMode={isDarkMode}
/>
</div>
<FormField