跳至內容

HA 主題卡片|HA Theme Woowtech Blue

這是一款為 Home Assistant 設計的現代化、專業主題,以 Woowtech 品牌藍色 (#6284FD) 為主色調,並完整支援淺色與深色模式,提供視覺一致且符合 WCAG AAA 標準的介面。
2026年3月8日
HA 主題卡片|HA Theme Woowtech Blue
渥屋科技股份有限公司, 系統管理者

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. 在個人設定選擇主題。

GitHub 倉庫 →

← 返回開源專案列表

分享這個貼文