From f284a40897a30e55d06be2b11a490522c61cc07d Mon Sep 17 00:00:00 2001
From: xiaoqidun <xiaoqidun@gmail.com>
Date: Fri, 30 Oct 2026 12:32:27 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E7=95=8C=E9=9D=A2=E5=B8=83=E5=B1=80):=20?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=B7=A5=E5=85=B7=E6=A0=8F=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E4=B8=8E=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/webui/ofdgo.css | 29 ++++++++++++++++++++++-------
 1 file changed, 22 insertions(+), 7 deletions(-)

diff --git a/assets/webui/ofdgo.css b/assets/webui/ofdgo.css
index 02a5573..72aebb3 100644
--- a/assets/webui/ofdgo.css
+++ b/assets/webui/ofdgo.css
@@ -352,7 +352,7 @@ a:focus-visible {
 
 .editor-group {
 	display: grid;
-	flex: 0 0 auto;
+	flex: 1 0 auto;
 	justify-content: center;
 	grid-template-columns: repeat(3, var(--editor-control-width));
 	grid-template-rows: repeat(2, var(--control-height)) 28px;
@@ -510,9 +510,23 @@ a:focus-visible {
 	height: var(--control-height);
 }
 
-.text-highlight .button { min-width: 0; }
+.text-highlight .button { min-width: 0; border-radius: 5px 0 0 5px; }
 .text-highlight .button span { border-bottom: 3px solid var(--highlight-color, #ffff00); }
-.text-highlight .color-input { min-width: 0; width: 12px; height: 100%; padding: 0; }
+.text-highlight [data-pressed="mixed"] span { border-image: repeating-linear-gradient(135deg, var(--input) 0 4px, var(--text-muted) 4px 8px) 3; }
+
+.text-highlight .color-input {
+	min-width: 0;
+	width: 12px;
+	height: 100%;
+	padding: 0;
+	border: 0;
+	border-radius: 0 5px 5px 0;
+	background: var(--dropdown-arrow) center / 10px 10px no-repeat;
+}
+
+.text-highlight .color-input:not(:disabled):hover { background-color: var(--hover); }
+.text-highlight .color-input::-webkit-color-swatch { opacity: 0; }
+.text-highlight .color-input::-moz-color-swatch { opacity: 0; }
 
 .editor-group:has(#shapeFill) {
 	grid-template-columns: repeat(2, 84px);
@@ -637,14 +651,14 @@ a:focus-visible {
 }
 
 .editor-group:first-child {
-	flex-grow: 0;
+	flex-grow: 0.5;
 	justify-content: start;
 	padding-left: 0;
 }
 
 .editor-group:last-child {
-	flex-grow: 0;
-	justify-content: center;
+	flex-grow: 0.5;
+	justify-content: end;
 	padding-right: 0;
 	border-right: 0;
 }
@@ -2738,8 +2752,9 @@ body[data-hide-meta] .meta-panel {
 
 #annotationsPanel select {
 	min-width: 0;
+	padding-left: 6px;
 	border: 1px solid var(--line);
-	background: var(--input);
+	background-color: var(--input);
 	font: inherit;
 }