Merge pull request #761 from actiontech/feature/issue-2572-2

[style](SqlOptimization): Adjust font color of checkbox

Author: LZS911

packages/sqle/src/page/SqlOptimization/Create/SQLInfoForm/SQLInfoFormItem.tsx

@@ -251,7 +251,7 @@ const SQLInfoFormItem: React.FC<SqlInfoFormProps> = ({ form, submit }) => {
       </FormItemNoLabel>
       <EmptyBox if={optimizationType === OptimizationTypeEnum.online}>
         <FormItemNoLabel name="enableHighAnalysis" valuePropName="checked">
-          <Checkbox>
+          <Checkbox className="high-analysis-checkbox">
             {t('sqlOptimization.create.sqlInfo.enableHighAnalysis')}
           </Checkbox>
         </FormItemNoLabel>

packages/sqle/src/page/SqlOptimization/Create/SQLInfoForm/style.ts

@@ -32,4 +32,8 @@ export const SqlInfoFormStyleWrapper = styled(FormStyleWrapper)`
     height: 36px !important;
     width: 36px !important;
   }
+
+  .high-analysis-checkbox.ant-checkbox-wrapper {
+    color: ${({ theme }) => theme.sharedTheme.uiToken.colorTextTertiary};
+  }
 `;

packages/sqle/src/page/SqlOptimization/Create/__snapshots__/index.test.tsx.snap

@@ -127,7 +127,7 @@ exports[`sqle/SqlOptimization/Create enter default content to create sql optimiz
       </section>
     </form>
     <form
-      class="ant-form ant-form-horizontal css-hpr9p4"
+      class="ant-form ant-form-horizontal css-fx8owy"
     >
       <section
         class="css-bspaai"
@@ -896,7 +896,7 @@ exports[`sqle/SqlOptimization/Create enter default content to create sql optimiz
                   class="ant-form-item-control-input-content"
                 >
                   <label
-                    class="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item"
+                    class="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item high-analysis-checkbox"
                   >
                     <span
                       class="ant-checkbox"