From c5983ab5c3533dfaac7031ac400d841c509bd18b Mon Sep 17 00:00:00 2001
From: caoqianming <caoqianming@foxmail.com>
Date: Tue, 19 May 2026 11:27:21 +0800
Subject: [PATCH] Fix ops button colors hidden until hover
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Core styles.css ships a global button { background: var(--accent);
color: #fff } primary rule. The ops overrides reset background to
var(--surface) (white) but inherited color: #fff, leaving white text
on a white background until the hover rule swapped color to accent.

Explicitly sets color on .card-actions / .row-actions / .form-actions
buttons and reshapes .toolbar so the "+ 新增" stays primary (filled
accent) and .secondary toolbar buttons get the white-with-accent-hover
treatment.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 web/ops/ops-styles.css | 34 +++++++++++++++++++++++++++++++---
 1 file changed, 31 insertions(+), 3 deletions(-)

diff --git a/web/ops/ops-styles.css b/web/ops/ops-styles.css
index 37f2ba5..d2d921e 100644
--- a/web/ops/ops-styles.css
+++ b/web/ops/ops-styles.css
@@ -55,14 +55,27 @@ main.ops-main {
   height: 26px;
   padding: 0 10px;
   font-size: 12px;
-  border: 1px solid var(--border);
-  background: var(--surface);
+  border: 1px solid var(--accent);
+  background: var(--accent);
+  color: #fff;
   cursor: pointer;
 }
 
 .toolbar button:hover {
+  background: var(--accent-hover);
+  border-color: var(--accent-hover);
+}
+
+.toolbar button.secondary {
+  background: var(--surface);
+  color: var(--text-2);
+  border-color: var(--border);
+}
+
+.toolbar button.secondary:hover {
   border-color: var(--accent);
   color: var(--accent);
+  background: var(--surface);
 }
 
 .ops-segment-list {
@@ -187,6 +200,7 @@ main.ops-main {
   font-size: 11px;
   border: 1px solid var(--border);
   background: var(--surface);
+  color: var(--text-2);
   cursor: pointer;
 }
 
@@ -310,16 +324,24 @@ main.ops-main {
   padding: 0 8px;
   border: 1px solid var(--border);
   background: var(--surface);
+  color: var(--text-2);
   cursor: pointer;
 }
 
+.row-actions button:hover {
+  border-color: var(--accent);
+  color: var(--accent);
+}
+
 .row-actions button.danger {
   border-color: var(--danger);
   color: var(--danger);
+  background: var(--surface);
 }
 
 .row-actions button.danger:hover {
   background: rgba(239, 68, 68, 0.06);
+  color: var(--danger);
 }
 
 .row-edit,
@@ -399,9 +421,15 @@ main.ops-main {
   padding: 4px 12px;
   border: 1px solid var(--border);
   background: var(--surface);
+  color: var(--text-2);
   cursor: pointer;
 }
 
+.form-actions button:hover {
+  border-color: var(--accent);
+  color: var(--accent);
+}
+
 .form-actions button[type="submit"] {
   border-color: var(--accent);
   color: var(--accent);
@@ -409,7 +437,7 @@ main.ops-main {
 
 .form-actions button[type="submit"]:hover {
   background: var(--accent);
-  color: white;
+  color: #fff;
 }
 
 .config-table {