From 354f868089020818d91e6de49443933f18d7e51d Mon Sep 17 00:00:00 2001
From: Haitao Pan <manbuzhe2009@qq.com>
Date: Wed, 17 Jun 2026 09:15:13 +0800
Subject: [PATCH] style(ui): update reset auth token button to solid red button
 with translated hover tooltip

---
 dashboard/src/components/Sidebar.tsx |  7 +++----
 dashboard/src/styles.css             | 11 +++++++++++
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/dashboard/src/components/Sidebar.tsx b/dashboard/src/components/Sidebar.tsx
index 2636305..0a6f5eb 100644
--- a/dashboard/src/components/Sidebar.tsx
+++ b/dashboard/src/components/Sidebar.tsx
@@ -76,12 +76,11 @@ export function Sidebar({
 
       <div className="sidebar-tools">
         <button 
-          className="sidebar-tool-button" 
+          className="sidebar-tool-button danger-button" 
           type="button" 
-          aria-label="Reset Auth Token" 
-          title="Reset Auth Token" 
+          aria-label="Token Reset / Token 轮换" 
+          title="Token Reset / Token 轮换" 
           onClick={onResetAuthClick}
-          style={{ color: '#d32f2f' }}
         >
           <Icon name="power" />
           <strong>{!collapsed ? 'Reset Token' : ''}</strong>
diff --git a/dashboard/src/styles.css b/dashboard/src/styles.css
index 0c6e672..b20757b 100644
--- a/dashboard/src/styles.css
+++ b/dashboard/src/styles.css
@@ -2170,6 +2170,17 @@ button.node-card {
   box-shadow: 0 8px 22px rgba(50, 65, 100, 0.07);
 }
 
+.sidebar .sidebar-tool-button.danger-button {
+  background: #d32f2f;
+  color: #ffffff;
+  border-color: #d32f2f;
+  box-shadow: 0 4px 12px rgba(211, 47, 47, 0.2);
+}
+
+.sidebar .sidebar-tool-button.danger-button:hover {
+  background: #b71c1c;
+  border-color: #b71c1c;
+}
 .sidebar .sidebar-tool-button:hover {
   border-color: rgba(37, 99, 235, 0.24);
   background: #fff;