必威是什么家庭助理前端


这为官方前端提供了控制家庭助理。必威是什么默认情况下,此集成将启用,除非您已禁用或删除default_config:从您的配置中行。如果是这样,以下示例向您展示了如何手动启用此集成:

#示例Configuration.yaml条目前端

配置变量

主题 地图 ((选修的

允许定义不同的主题。有关更多详细信息,请参见下文。

[标识符] 列表|地图 必需的

在前端使用的名称。

[CSS-Indentifier] 列表|细绳 必需的

CSS标识符。

extra_module_url 列表 ((选修的

加载的其他JavaScript模块列表最新的JavaScript模式。

extra_js_url_es5 列表 ((选修的

加载的其他JavaScript代码列表ES5JavaScript模式。

development_repo 细绳 ((选修的

允许指向包含前端文件的目录,而不是从预先构建的PYPI软件包中获取它们。对于前端开发有用。

定义主题

主题格式

前端集成使您可以创建自定义主题来影响用户界面的外观。

#示例Configuration.yaml条目前端主题快乐的原色粉色的文本主要色紫色的MDC-Theme-primary李子伤心原色钢布鲁

上面的示例定义了两个主题快乐的伤心。对于每个主题,您可以为CSS变量设置值。如果您想提供十六进制的颜色值,请将其包裹在撇号中,因为否则,YAML会认为它们是评论的(主要色:'#123456')。有关主要前端使用的变量的部分列表,请参见ha-style.ts

暗模式支持

也可以创建基于默认的暗模式主题的主题。新主题还可以支持灯光模式和黑暗模式,并允许用户在用户配置文件页面上切换:

扩展示例以显示模式定义。

#示例Configuration.yaml条目前端主题快乐的原色粉色的文本主要色紫色的MDC-Theme-primary李子伤心原色钢布鲁模式黑暗的次级文本色Slategrayday_and_ night原色珊瑚模式次级文本色橄榄黑暗的次级文本色Slategray

主题快乐的:与上一个示例相同。这种遗产格式仍然得到支持,并将像以前一样行事,并自动将默认的灯主题用作基础。

主题伤心:通过使用新模式钥匙和子钥匙黑暗的现在,此主题将基于默认的深色主题。最终主题规则以三个步骤确定:首先,将应用默认的深色主题CSS变量,然后第二个是独立于模式的主题的CSS变量(初级色:钢蓝色在此示例中)和最后的特定于模式的CSS变量将分层在顶部(次级文本彩色:slategray)。

注意:由于此示例主题只有一个黑暗的定义模式,将自动使用此模式。

主题day_and_ night:这个主题都有一个黑暗的模式部分。这告诉前端,允许用户选择从用户配置文件中使用的模式(默认选择是基于系统设置)。独立于选择,主要颜色将设置为绿色,但是基于所选模式,默认的灯或深色主题将用作渲染的基础,加上辅助文本颜色将是橄榄或slategray。

主题配置拆分

与所有配置一样,您可以:

  • 直接指定您内部的主题configuration.yaml文件。
  • 将它们放入单独的文件中(例如,主题)并将其包含在您的配置中(主题:!包括主题。)。
  • 创建一个专用文件夹(例如,my_themes)并在此文件夹中包含所有文件(主题:!include_dir_merge_named my_themes)。

有关将配置分为多个文件的更多详细信息,请参见这一页

检查我们的社区论坛找到要使用的主题。

设置主题

有两个与主题相关的服务:

  • frontend.reload_themes:重新加载主题配置configuration.yaml文件。
  • frontend.set_theme:设置后端偏爱的主题名称。

服务set_theme

服务数据属性 描述
姓名 设置主题的名称,默认对于默认主题或没有任何还原为默认值。
模式 如果应该以光或黑暗模式应用主题或者黑暗的(可选,默认

如果未设置黑模式后端主题,则光模式主题也将在黑暗模式下使用。后端主题设置将被保存并恢复在重新启动家庭助理。必威是什么

手动主题选择

当主题在configuration.yaml文件,一个新的选项将显示在用户配置文件页面中(通过单击侧栏底部的用户帐户缩写访问)。然后,您可以从下拉列表中选择任何已安装的主题,并将立即应用。这将覆盖由上述服务调用设置的主题设置,并且仅应用于当前设备。

设置主题

加载额外的JavaScript

从0.95版开始,您可以加载额外的自定义JavaScript。

例子:

#示例Configuration.yaml条目前端extra_module_url-/local/my_module.jsextra_js_url_es5-/local/my_es5.js

模块将加载进口(),在支持它的设备上(最新的模式)。对于其他设备(ES5模式)您可以使用extra_js_url_es5,将加载<脚本defer src =''>

ES5和模块版本将永远不会加载,具体取决于设备是否支持进口ES5版本的模块将被加载。

手动语言选择

自动检测到浏览器语言。要使用其他语言,请转到“用户配置文件”页面(通过单击侧边栏底部的用户帐户姓名缩写访问),然后选择一个。它将立即应用。

选择一种语言

Baidu