hz4th_coder/data-chart-tool
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 新增7种简约纯色表格风格

Browse Source 
新增风格：
- slate 石板灰：专业商务
- sky 天空蓝：清爽明亮
- rose 玫瑰红：优雅大方
- amber 琥珀黄：温暖柔和
- emerald 翡翠绿：高贵典雅
- indigo 靛蓝色：沉稳内敛
- stone 石灰白：极简现代

特点：纯色表头，简洁干净，无渐变效果
This commit is contained in:
hz4th_coder
2026-07-17 13:14:47 +08:00
parent 3833742d4d
commit 2f85dd5b28
2 changed files with 106 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+42
View File
@@ -81,6 +81,13 @@ C, 20, 30, 40</pre>
<option value="gold">金色</option>
<option value="coral">珊瑚</option>
<option value="mint">薄荷</option>
<option value="slate">石板灰</option>
<option value="sky">天空蓝</option>
<option value="rose">玫瑰红</option>
<option value="amber">琥珀黄</option>
<option value="emerald">翡翠绿</option>
<option value="indigo">靛蓝色</option>
<option value="stone">石灰白</option>
</select>
</div>
@@ -123,6 +130,13 @@ C, 20, 30, 40</pre>
<option value="gold">金色</option>
<option value="coral">珊瑚</option>
<option value="mint">薄荷</option>
<option value="slate">石板灰</option>
<option value="sky">天空蓝</option>
<option value="rose">玫瑰红</option>
<option value="amber">琥珀黄</option>
<option value="emerald">翡翠绿</option>
<option value="indigo">靛蓝色</option>
<option value="stone">石灰白</option>
</select>
</div>
@@ -260,6 +274,34 @@ C, 20, 30, 40</pre>
<span class="theme-preview" style="background: linear-gradient(135deg, #00bfa5, #80cbc4)"></span>
<span class="theme-name">薄荷</span>
</button>
<button class="theme-btn" data-theme="slate" onclick="quickSwitchTheme('slate')">
<span class="theme-preview" style="background: #475569"></span>
<span class="theme-name">石板灰</span>
</button>
<button class="theme-btn" data-theme="sky" onclick="quickSwitchTheme('sky')">
<span class="theme-preview" style="background: #0ea5e9"></span>
<span class="theme-name">天空蓝</span>
</button>
<button class="theme-btn" data-theme="rose" onclick="quickSwitchTheme('rose')">
<span class="theme-preview" style="background: #e11d48"></span>
<span class="theme-name">玫瑰红</span>
</button>
<button class="theme-btn" data-theme="amber" onclick="quickSwitchTheme('amber')">
<span class="theme-preview" style="background: #f59e0b"></span>
<span class="theme-name">琥珀黄</span>
</button>
<button class="theme-btn" data-theme="emerald" onclick="quickSwitchTheme('emerald')">
<span class="theme-preview" style="background: #10b981"></span>
<span class="theme-name">翡翠绿</span>
</button>
<button class="theme-btn" data-theme="indigo" onclick="quickSwitchTheme('indigo')">
<span class="theme-preview" style="background: #6366f1"></span>
<span class="theme-name">靛蓝色</span>
</button>
<button class="theme-btn" data-theme="stone" onclick="quickSwitchTheme('stone')">
<span class="theme-preview" style="background: #78716c"></span>
<span class="theme-name">石灰白</span>
</button>
</div>
</div>
</div>