From 8d1a41709fe0b3be2148f99548b41108781cf7ec Mon Sep 17 00:00:00 2001
From: MadCcc <1075746765@qq.com>
Date: Thu, 10 Aug 2023 13:40:34 +0800
Subject: [PATCH] fix: image preview operations color (#44141)

---
 components/image/style/index.ts | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/components/image/style/index.ts b/components/image/style/index.ts
index 16d3e9b6cb..4739d46668 100644
--- a/components/image/style/index.ts
+++ b/components/image/style/index.ts
@@ -22,6 +22,11 @@ export interface ComponentToken {
    * @descEN Color of preview operation icon
    */
   previewOperationColor: string;
+  /**
+   * @desc 预览操作图标悬浮颜色
+   * @descEN Color of hovered preview operation icon
+   */
+  previewOperationHoverColor: string;
   /**
    * @desc 预览操作图标禁用颜色
    * @descEN Disabled color of preview operation icon
@@ -79,6 +84,7 @@ export const genPreviewOperationsStyle = (token: ImageToken): CSSObject => {
     margin,
     paddingLG,
     previewOperationColorDisabled,
+    previewOperationHoverColor,
     motionDurationSlow,
     iconCls,
     colorTextLightSolid,
@@ -144,7 +150,7 @@ export const genPreviewOperationsStyle = (token: ImageToken): CSSObject => {
         userSelect: 'none',
 
         [`&:not(${previewCls}-operations-operation-disabled):hover > ${iconCls}`]: {
-          opacity: 0.3,
+          color: previewOperationHoverColor,
         },
 
         '&-disabled': {
@@ -370,7 +376,10 @@ export default genComponentStyleHook(
   },
   (token) => ({
     zIndexPopup: token.zIndexPopupBase + 80,
-    previewOperationColor: new TinyColor(token.colorTextLightSolid).toRgbString(),
+    previewOperationColor: new TinyColor(token.colorTextLightSolid).setAlpha(0.65).toRgbString(),
+    previewOperationHoverColor: new TinyColor(token.colorTextLightSolid)
+      .setAlpha(0.85)
+      .toRgbString(),
     previewOperationColorDisabled: new TinyColor(token.colorTextLightSolid)
       .setAlpha(0.25)
       .toRgbString(),