style: Alert background could be linear-gradient (ant-design#46188)

wanghui2021 · Nov 30, 2023 · 6d963b7 · 6d963b7
1 parent 1235d8f
commit 6d963b7
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/.dumi/theme/slots/Header/index.tsx b/.dumi/theme/slots/Header/index.tsx
@@ -367,7 +367,14 @@ const Header: React.FC = () => {
         </Popover>
       )}
       {isZhCN && bannerVisible && (
-        <ConfigProvider theme={{ token: { colorInfoBg: '#ceebf9', colorTextBase: '#000' } }}>
+        <ConfigProvider
+          theme={{
+            token: {
+              colorInfoBg: 'linear-gradient(90deg, #84fab0, #8fd3f4)',
+              colorTextBase: '#000',
+            },
+          }}
+        >
           <Alert
             className={styles.banner}
             message={

diff --git a/components/alert/style/index.ts b/components/alert/style/index.ts
@@ -34,7 +34,7 @@ const genAlertTypeStyle = (
   token: AlertToken,
   alertCls: string,
 ): CSSObject => ({
-  backgroundColor: bgColor,
+  background: bgColor,
   border: `${token.lineWidth}px ${token.lineType} ${borderColor}`,
   [`${alertCls}-icon`]: {
     color: iconColor,