PART ONE
專案總覽|功能與應用場景
這是一款為 Home Assistant 設計的現代化、專業主題,以 Woowtech 品牌藍色 (#6284FD) 為主色調,並完整支援淺色與深色模式,提供視覺一致且符合 WCAG AAA 標準的介面。
🔑 核心功能
- 品牌色彩一致性
- 完整淺色與深色模式支援
- 符合 WCAG AAA 對比度標準
- 現代化圓角卡片設計
- 超過 150 個可自訂變數
- 整合 Material Design 元件
📋 功能詳細說明
| 功能名稱 | 說明 |
|---|---|
| 打造具有品牌一致性的智慧家庭儀表板 | 一家小型企業使用 Home Assistant 監控辦公室環境。安裝 Woowtech Blue 主題使所有介面元素呈現統一品牌藍色,提升專業感。 |
| 在夜間自動切換至護眼的深色模式 | 系統會根據時間或手機顯示模式,在夜間自動切換到深色模式,提供更舒適的夜間瀏覽體驗。 |
PART TWO
深入解析|執行環境與部署步驟
⚙️ 執行環境需求
- 需要 Home Assistant 2024.x 或更新版本。
- 需要前端版本 20251229.0 或更高。
🔧 部署安裝步驟
| 步驟 | 說明 |
|---|---|
| Step 1 | 確保 /config 目錄中有 themes 資料夾。 |
| Step 2 | 將 woowtech.yaml 複製到 /config/themes/ 目錄。 |
| Step 3 | 前往開發者工具 > 服務分頁。 |
| Step 4 | 執行 frontend.reload_themes 服務。 |
| Step 5 | 進入個人設定頁面。 |
| Step 6 | 在主題下拉選單中選擇 Woow Dual Blue。 |
| Step 7 | 選擇自動/淺色/深色模式。 |
PART THREE
總結與展望|AI Agent 部署 Prompt
🤖 AI Agent 部署 Prompt
以下是用於部署此專案的 AI Agent Prompt,可直接複製使用:
請幫我安裝並部署 HA_theme_woowtech_blue。 ## 專案資訊 - 倉庫位址:https://github.com/WOOWTECH/HA_theme_woowtech_blue - 類型:Home Assistant 主題/卡片 - 功能說明:Woowtech 品牌藍色主題,WCAG AAA 標準。 ## 環境需求 - Home Assistant 2024.x+。 - 前端版本 20251229.0+。 - 現代瀏覽器。 ## 安裝步驟 1. 確保有 /config/themes/ 資料夾。 2. 將 woowtech.yaml 複製到其中。 3. 執行 frontend.reload_themes。 4. 在個人設定選擇主題。
← 返回開源專案列表