fix: the fields for trigger checking

src/components/alert-info/block.less

@@ -27,6 +27,21 @@
     border-color: var(--ant-geekblue-3);
   }
 
+  &.success {
+    border: 1px solid var(--color-progress-green);
+    color: var(--color-progress-green);
+
+    .title-text {
+      color: var(--color-progress-green);
+    }
+
+    .content.success {
+      color: var(--color-progress-green);
+      font-weight: var(--font-weight-normal);
+      opacity: 0.85;
+    }
+  }
+
   .title {
     position: absolute;
     left: 0;
@@ -48,6 +63,10 @@
       &.transition {
         color: var(--ant-geekblue-7);
       }
+
+      &.success {
+        color: var(--color-progress-green);
+      }
     }
 
     .text {

src/components/alert-info/block.tsx

@@ -6,7 +6,7 @@ import styled from 'styled-components';
 import OverlayScroller from '../overlay-scroller';
 import './block.less';
 interface AlertInfoProps {
-  type: 'danger' | 'warning' | 'transition' | 'info';
+  type: Global.MessageType;
   message: React.ReactNode;
   rows?: number;
   icon?: React.ReactNode;
@@ -62,9 +62,16 @@ const AlertInfo: React.FC<AlertInfoProps> = (props) => {
                 {icon ?? <WarningFilled />}
               </span>
             </div>
-            {title && <TitleWrapper>{title}</TitleWrapper>}
+            {title && (
+              <TitleWrapper className="title-text">{title}</TitleWrapper>
+            )}
             <OverlayScroller maxHeight={80} style={{ ...contentStyle }}>
-              <ContentWrapper $hasTitle={!!title}>{message}</ContentWrapper>
+              <ContentWrapper
+                $hasTitle={!!title}
+                className={classNames('content', type)}
+              >
+                {message}
+              </ContentWrapper>
             </OverlayScroller>
           </Typography.Paragraph>
         </div>