From 03927dba5b166e882acefdbf21647507ae76b020 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9C=9F=E8=B4=A4?= <qixian.cs@antgroup.com>
Date: Mon, 17 Jul 2023 17:54:17 +0800
Subject: [PATCH] fix(form): fix jsonCode bgColor no work in dart mode

close https://github.com/ant-design/pro-components/issues/6629
---
 packages/field/src/components/Code/index.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/field/src/components/Code/index.tsx b/packages/field/src/components/Code/index.tsx
index 8c4feb2591fb..4b0df11ff392 100644
--- a/packages/field/src/components/Code/index.tsx
+++ b/packages/field/src/components/Code/index.tsx
@@ -3,6 +3,7 @@ import React from 'react';
 import type { ProFieldFC } from '../../index';
 
 // 兼容代码-----------
+import { proTheme } from '@ant-design/pro-provider';
 import 'antd/lib/input/style';
 //----------------------
 
@@ -33,6 +34,7 @@ const FieldCode: ProFieldFC<{
   ref,
 ) => {
   const code = languageFormat(text, language);
+  const { token } = proTheme.useToken();
   if (mode === 'read') {
     const dom = (
       <pre
@@ -43,7 +45,9 @@ const FieldCode: ProFieldFC<{
           overflow: 'auto',
           fontSize: '85%',
           lineHeight: 1.45,
-          backgroundColor: '#f6f8fa',
+          color: token.colorTextSecondary,
+          fontFamily: token.fontFamilyCode,
+          backgroundColor: 'rgba(150, 150, 150, 0.1)',
           borderRadius: 3,
           width: 'min-content',
           ...fieldProps.style,