亮度 (Lightness) - daniel-qa/Vue GitHub Wiki
| 目標 | RGB 變動方式 | 結果說明 |
|---|---|---|
| 變亮 | R ↑, G ↑, B ↑（同步增加） | 顏色變淺，趨向白色 |
| 變暗 | R ↓, G ↓, B ↓（同步減少） | 顏色變深，趨向黑色 |
| 更鮮豔 | 拉大最大值與最小值的距離 | 顏色更純，飽和度提高 |
| 更灰 / 粉 | 縮小最大值與最小值的距離 | 顏色變混濁，趨向灰色 |
- 調整SVG元件亮度
/* ===== Light Mode：修正 DataV border-box 深色背景 ===== */
/* dv-border-box-11 標題菱形背景（獨立控制） */
.theme-light .dv-border-box-11 > svg polygon[fill]:not([fill="transparent"]),
.theme-light .dv-border-box-11 > svg path[fill]:not([fill="transparent"]) {
fill: rgba(200, 200, 200, 0.6) !important;
}
作用對象
.dv-border-box-11 裡的 直接子 SVG 中的 或 元素 只針對 有填色 (fill) 且不是透明 (transparent) 的元素
生效條件
只在 .theme-light（淺色模式）下生效
效果
將這些元素的填充色改為 半透明灰色 rgba(200, 200, 200, 0.6)
使用 !important 強制覆蓋原本樣式
*簡單理解
淺色模式下，讓 border-box 標題的菱形背景從深色變成柔和灰色，提升淺色主題的視覺協調度。