設為首頁收藏本站
切換到窄版

 找回密碼
 立即註冊
    惟家的智能論壇»論壇 › 惟家智能生活討論區 › Home Assistant 討論 › 自訂主題（Theme）：一次改變整個 HA 的外觀 ...
    返回列表 發新帖
    查看: 121|回覆: 0

    自訂主題（Theme）：一次改變整個 HA 的外觀

    [複製鏈接]
    charles

    !lvup!   100%

    386

    主題

    27

    回帖

    2200萬

    積分

    管理員

    積分
    22006063
    發表於 2026-9-21 13:00:15 | 顯示全部樓層 |閱讀模式
    這篇的內容（13 段）
    1. 主題是什麼
    2. 怎麼建立
    3. 第一步：建立資料夾和檔案
    4. 第二步：告訴 HA 去讀它
    5. 第三步：寫主題
    6. 第四步：套用
    7. 深色模式
    8. 自動切換主題
    9. 有哪些變數可以改
    10. 找現成的主題
    11. 三個實務建議
    12. 二、在手機上測
    13. 三、深色模式的對比要夠
    card-mod 是改單張卡片，主題是改全部。

    而且主題是官方功能，不會因為更新而壞掉。

    官方功能

    主題是什麼

    一組 CSS 變數的值。

    HA 的前端到處都在用這些變數：
    1. 卡片背景  →  var(--ha-card-background)
    2. 主要文字  →  var(--primary-text-color)
    3. 強調色    →  var(--accent-color)
    複製代碼

    你只要改這些變數的值，整個介面就跟著變。

    怎麼建立

    第一步：建立資料夾和檔案
    1. /config/themes/my_theme.yaml
    複製代碼

    第二步：告訴 HA 去讀它
    1. # configuration.yaml
    2. frontend:
    3.   themes: !include_dir_merge_named themes/
    複製代碼

    以下還有約 87% 的內容
    登入後即可閱讀完整教學

    登入繼續閱讀使用 Google 登入
    回覆

    使用道具 舉報

    返回列表 發新帖
    高級模式
    B Color Image Link Quote Code Smilies
    您需要登入後纔可以回帖 登入 | 立即註冊

    本版積分規則

    延伸閱讀

    加入惟家 LINE 群 QR Code加入惟家 LINE 群

    Archiver|手機版|惟家的智能論壇

    GMT+8, 2026-11-10 00:39 , Processed in 0.132862 second(s), 25 queries .

    快速回覆 返回頂部 返回列表