完善 ip 提取功能，优化更新主题样式

src/components/ui/form.tsx

@@ -73,8 +73,8 @@ function FormField<
           {!!props.label &&
             <Label
               data-slot="form-label"
-              data-error={!!fieldState.error}
-              className={merge('data-[error=true]:text-destructive')}
+              data-fail={!!fieldState.error}
+              className={merge('data-[error=true]:text-fail')}
               htmlFor={id}>
               {props.label}
             </Label>
@@ -94,7 +94,7 @@ function FormField<
           {!fieldState.error ? null : (
             <p
               data-slot="form-message"
-              className={merge('text-destructive text-sm')}>
+              className={merge('text-fail text-sm')}>
               {fieldState.error?.message}
             </p>
           )}
@@ -120,8 +120,8 @@ function FormLabel({className, ...props}: ComponentProps<typeof LabelPrimitive.R
   return (
     <Label
       data-slot="form-label"
-      data-error={!!error}
-      className={merge('data-[error=true]:text-destructive', className)}
+      data-fail={!!error}
+      className={merge('data-[error=true]:text-fail', className)}
       htmlFor={id}
       {...props}
     />
@@ -153,7 +153,7 @@ function FormMessage({className, ...props}: ComponentProps<'p'>) {
     <p
       data-slot="form-message"
       id={`${id}-message`}
-      className={merge('text-destructive text-sm', className)}
+      className={merge('text-fail text-sm', className)}
       {...props}
     >
       {body}