feat(ui): 新增「溫潤 / Garden」主題變體 (data-theme=soft)#86
Merged
Conversation
- themes.css 新增第 4 個 :root[data-theme=soft] 變體：鼠尾草綠主色 + 暖琥珀強調色、淺綠調紙背景、大圓角、柔和擴散陰影、無襯線標題。 沿用既有 --es-* token 架構，元件層零改動。 - app.jsx THEMES 陣列加一筆 soft；進站預設主題改為 soft （localStorage edustudio-theme-v2 既有選擇仍優先）。 - npm run build（vite/node22）編譯通過，soft 變體與 sage-green 主色 已進 bundle。視覺由人後驗（此環境無瀏覽器）。
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
做什麼
依設計交接包（README +
soft-theme.css+ 影片工作站參考稿）新增第 4 個 UI 主題變體 「溫潤 / Garden」（data-theme="soft"）：淺色帶綠調、大圓角、柔和擴散陰影、鼠尾草綠（sage green#3F8F6B）主色 + 暖琥珀（amber#DB8A3C）強調色、無襯線標題，給人親切、教育感、可信的調性。為什麼
劉老師重新設計調整了統一介面的視覺風格。依交接包的落地策略，「換皮不改結構」 —— 走既有
:root[data-theme="..."]+--es-*token 架構，元件層完全不動。怎麼做（僅 2 檔，皆小改）
frontend/edustudio/themes.css— 在 CARBON 區塊之後、theme-switcher 區塊之前，新增完整:root[data-theme="soft"]區塊（整套--es-*覆寫值，比照 lumen/carbon 結構），含 soft 專屬的標題字體覆寫（.es-h1/.es-gate-title/.es-cost-big/.es-pv-h/.es-brand-name→ 無襯線 700）。frontend/edustudio/app.jsx—THEMES陣列新增{ key:"soft", name:"溫潤 Garden", … }；進站預設主題由lumen改為soft（localStorage既有選擇仍優先，不覆蓋使用者已選）。tokens.css/components.css/layout.css/screens.css皆不需改（全讀--es-*）。怎麼測
npm run build（vite v6 / node 22）編譯通過。[data-theme=soft]選擇器與 sage-green#3F8F6Btoken。server//core//schemas//runner，無邏輯/接線變更，依硬規則 feat: Pluggable core/server + repo-as-source 影片生成鏈 (PR-1, 2a, 2b-i, 2b-ii) #7 不需跑 pytest。Reviewer 決策點
soft設為進站預設主題（讓重新設計的外觀直接可見）。若希望保留lumen為預設、只把 soft 當可選項，告知即可改回一行。https://claude.ai/code/session_01W3wS3YJaTaAhqx7W85yeVD
Generated by Claude Code