Home Assistant Bubble 主题配置指南

1. 项目的目录结构及介绍

Bubble 是一个为 Home Assistant 设计的暗黑简约主题，采用移动优先的设计理念。项目的目录结构如下：

Bubble/
├── themes/
│   ├── bubble.yaml
│   └── ...
├── www/
│   ├── bubble.html
│   └── ...
├── LICENSE
├── README.md
└── hacs.json

• themes/：包含主题的 YAML 配置文件，bubble.yaml 是主题的主要配置文件。
• www/：包含主题的 HTML 和 CSS 文件，用于定义主题的样式和布局。
• LICENSE：项目的许可文件，本项目采用 MIT 许可。
• README.md：项目的自述文件，包含项目说明和配置指南。
• hacs.json：用于 HACS (Home Assistant Community Store) 集成的配置文件。

2. 项目的启动文件介绍

bubble.yaml 文件是项目的主要配置文件，它定义了主题的基本设置和样式。在 Home Assistant 中启用主题时，系统会加载此文件。

以下是 bubble.yaml 文件的基本内容示例：

frontend:
  themes:
    default: bubble

在此文件中，您可以通过修改 default 的值来设置主题为默认主题。

3. 项目的配置文件介绍

bubble.yaml 同时也是一个配置文件，它允许您自定义主题的行为和外观。以下是一些常见的配置选项：

• 主题颜色：您可以修改主题的颜色方案，例如：

theme:
  name: bubble
  type: yaml
  color_primary: #XXXXXX
  color_secondary: #XXXXXX

• 卡片样式：您可以自定义卡片的显示方式，例如：

card_mod:
  cards:
    - type: 'custom:card-mod-entity'
      entity: entity_id
      style: |
        ha-card {
          background-color: #XXXXXX;
        }

• 移动视图：为了在桌面设备上实现移动视图，您需要在 Home Assistant 的配置文件 configuration.yaml 中设置 frontend 的 default_view 为一个支持子视图的模式，例如：

frontend:
  default_view: my_view

在 bubble.yaml 文件中，您可以根据自己的需求添加或修改配置项，以实现个性化的主题定制。

在完成所有配置后，确保保存 bubble.yaml 文件，并重启 Home Assistant 以应用更改。然后，您可以在个人账户设置中选择 Bubble 主题，以查看和应用新的主题样式。