From b87e942bf6bfd4da78cfdd7a48f9dfae40cccccf Mon Sep 17 00:00:00 2001
From: ZF sun <34314687@qq.com>
Date: Wed, 6 May 2026 17:50:29 +0800
Subject: [PATCH] =?UTF-8?q?style(frontend):=20=E4=BF=AE=E6=94=B9=E9=BB=98?=
 =?UTF-8?q?=E8=AE=A4=E9=A2=9C=E8=89=B2=E5=92=8C=E9=80=8F=E6=98=8E=E5=BA=A6?=
 =?UTF-8?q?=E4=B8=BA=E6=B5=85=E8=89=B2=E4=B8=BB=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将默认颜色从深色改为浅色主题，包括容器、提示、消息、热门标题和热门问题的背景颜色、字体颜色和透明度设置。背景透明度统一调整为0%，字体颜色改为黑色，背景颜色改为白色，以提高视觉清晰度和一致性。
---
 frontend/index.html | 34 +++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/frontend/index.html b/frontend/index.html
index dfb2d60..145f0a3 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -83,7 +83,7 @@
                 <h3>字幕容器 (container)</h3>
                 <div class="form-group">
                     <label for="containerBgColor">背景颜色</label>
-                    <input type="color" id="containerBgColor" value="#000000">
+                    <input type="color" id="containerBgColor" value="#ffffff">
                 </div>
                 <div class="form-group">
                     <label for="containerBgOpacity">背景透明度</label>
@@ -120,7 +120,7 @@
                 </div>
                 <div class="form-group">
                     <label for="tipColor">字体颜色</label>
-                    <input type="color" id="tipColor" value="#888888">
+                    <input type="color" id="tipColor" value="#000000">
                 </div>
                 <div class="form-group">
                     <label for="tipLineHeight">行高</label>
@@ -128,12 +128,12 @@
                 </div>
                 <div class="form-group">
                     <label for="tipBgColor">背景颜色</label>
-                    <input type="color" id="tipBgColor" value="#2a2a3e">
+                    <input type="color" id="tipBgColor" value="#ffffff">
                 </div>
                 <div class="form-group">
                     <label for="tipBgOpacity">背景透明度</label>
-                    <input type="range" id="tipBgOpacity" value="60" min="0" max="100">
-                    <span class="range-value">60%</span>
+                    <input type="range" id="tipBgOpacity" value="0" min="0" max="100">
+                    <span class="range-value">0%</span>
                 </div>
                 <div class="form-group">
                     <label for="tipBorderRadius">圆角 (px)</label>
@@ -161,7 +161,7 @@
                 </div>
                 <div class="form-group">
                     <label for="messageColor">字体颜色</label>
-                    <input type="color" id="messageColor" value="#ffffff">
+                    <input type="color" id="messageColor" value="#000000">
                 </div>
                 <div class="form-group">
                     <label for="messageLineHeight">行高</label>
@@ -169,12 +169,12 @@
                 </div>
                 <div class="form-group">
                     <label for="messageBgColor">背景颜色</label>
-                    <input type="color" id="messageBgColor" value="#2a2a3e">
+                    <input type="color" id="messageBgColor" value="#ffffff">
                 </div>
                 <div class="form-group">
                     <label for="messageBgOpacity">背景透明度</label>
-                    <input type="range" id="messageBgOpacity" value="60" min="0" max="100">
-                    <span class="range-value">60%</span>
+                    <input type="range" id="messageBgOpacity" value="0" min="0" max="100">
+                    <span class="range-value">0%</span>
                 </div>
                 <div class="form-group">
                     <label for="messageBorderRadius">圆角 (px)</label>
@@ -202,7 +202,7 @@
                 </div>
                 <div class="form-group">
                     <label for="hotTitleColor">字体颜色</label>
-                    <input type="color" id="hotTitleColor" value="#ffcc00">
+                    <input type="color" id="hotTitleColor" value="#000000">
                 </div>
                 <div class="form-group">
                     <label for="hotTitleLineHeight">行高</label>
@@ -210,12 +210,12 @@
                 </div>
                 <div class="form-group">
                     <label for="hotTitleBgColor">背景颜色</label>
-                    <input type="color" id="hotTitleBgColor" value="#3a3a4e">
+                    <input type="color" id="hotTitleBgColor" value="#ffffff">
                 </div>
                 <div class="form-group">
                     <label for="hotTitleBgOpacity">背景透明度</label>
-                    <input type="range" id="hotTitleBgOpacity" value="60" min="0" max="100">
-                    <span class="range-value">60%</span>
+                    <input type="range" id="hotTitleBgOpacity" value="0" min="0" max="100">
+                    <span class="range-value">0%</span>
                 </div>
                 <div class="form-group">
                     <label for="hotTitleBorderRadius">圆角 (px)</label>
@@ -243,7 +243,7 @@
                 </div>
                 <div class="form-group">
                     <label for="hotIssuesColor">字体颜色</label>
-                    <input type="color" id="hotIssuesColor" value="#00ccff">
+                    <input type="color" id="hotIssuesColor" value="#000000">
                 </div>
                 <div class="form-group">
                     <label for="hotIssuesLineHeight">行高</label>
@@ -251,12 +251,12 @@
                 </div>
                 <div class="form-group">
                     <label for="hotIssuesBgColor">背景颜色</label>
-                    <input type="color" id="hotIssuesBgColor" value="#2a2a3e">
+                    <input type="color" id="hotIssuesBgColor" value="#ffffff">
                 </div>
                 <div class="form-group">
                     <label for="hotIssuesBgOpacity">背景透明度</label>
-                    <input type="range" id="hotIssuesBgOpacity" value="60" min="0" max="100">
-                    <span class="range-value">60%</span>
+                    <input type="range" id="hotIssuesBgOpacity" value="0" min="0" max="100">
+                    <span class="range-value">0%</span>
                 </div>
                 <div class="form-group">
                     <label for="hotIssuesBorderRadius">圆角 (px)</label>