From e7d38fc565876e161fb9e5af8ac2a69dc6061ef1 Mon Sep 17 00:00:00 2001
From: ZhenYi <434836402@qq.com>
Date: Mon, 18 May 2026 21:15:07 +0800
Subject: [PATCH] refactor(ui): remove hover color changes from channel message
 input buttons

---
 src/components/channel/MessageInput.tsx | 38 -------------------------
 1 file changed, 38 deletions(-)

diff --git a/src/components/channel/MessageInput.tsx b/src/components/channel/MessageInput.tsx
index 7fbd305..00ba3ac 100644
--- a/src/components/channel/MessageInput.tsx
+++ b/src/components/channel/MessageInput.tsx
@@ -85,15 +85,6 @@ export function MessageInput({
               color: 'var(--text-muted)',
               display: 'flex',
               alignItems: 'center',
-              transition: 'all 0.15s',
-            }}
-            onMouseEnter={(e) => {
-              e.currentTarget.style.backgroundColor = 'var(--hover-bg)';
-              e.currentTarget.style.color = 'var(--text-primary)';
-            }}
-            onMouseLeave={(e) => {
-              e.currentTarget.style.backgroundColor = 'transparent';
-              e.currentTarget.style.color = 'var(--text-muted)';
             }}
           >
             <X className="w-3.5 h-3.5" />
@@ -137,19 +128,8 @@ export function MessageInput({
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'center',
-            transition: 'all 0.15s',
             flexShrink: 0,
           }}
-          onMouseEnter={(e) => {
-            if (!uploading) {
-              e.currentTarget.style.backgroundColor = 'var(--hover-bg)';
-              e.currentTarget.style.color = 'var(--accent)';
-            }
-          }}
-          onMouseLeave={(e) => {
-            e.currentTarget.style.backgroundColor = 'transparent';
-            e.currentTarget.style.color = 'var(--text-muted)';
-          }}
           title="Attach file"
         >
           {uploading ? (
@@ -201,17 +181,8 @@ export function MessageInput({
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'center',
-            transition: 'all 0.15s',
             flexShrink: 0,
           }}
-          onMouseEnter={(e) => {
-            e.currentTarget.style.backgroundColor = 'var(--hover-bg)';
-            e.currentTarget.style.color = 'var(--accent)';
-          }}
-          onMouseLeave={(e) => {
-            e.currentTarget.style.backgroundColor = 'transparent';
-            e.currentTarget.style.color = 'var(--text-muted)';
-          }}
           title="Add emoji"
         >
           <Smile className="w-5 h-5" />
@@ -230,17 +201,8 @@ export function MessageInput({
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'center',
-            transition: 'all 0.15s',
             flexShrink: 0,
           }}
-          onMouseEnter={(e) => {
-            e.currentTarget.style.backgroundColor = 'var(--hover-bg)';
-            e.currentTarget.style.color = 'var(--accent)';
-          }}
-          onMouseLeave={(e) => {
-            e.currentTarget.style.backgroundColor = 'transparent';
-            e.currentTarget.style.color = 'var(--text-muted)';
-          }}
           title="Mention someone"
         >
           <AtSign className="w-5 h-5" />