Home Assistant使用ios主题更换背景

最新推荐文章于 2024-06-20 09:31:54 发布
最新推荐文章于 2024-06-20 09:31:54 发布
阅读量3.4k 收藏 2
点赞数
分类专栏： 小工具小插件 文章标签： ios 智能家居 Home Assistant 更换背景图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42213421/article/details/134364328
版权

Home Assistant使用ios主题、更换背景


在这里插入图片描述

lovelace-ios-dark-mode-theme

默认前置情况，

1、已安转HACS插件

2、搜索安装 IOS Dark Mode Theme

下面是具体的安装步骤，

1）第一、二步应该很容易实现，configuration.yaml文件很容易被找到

2）而本人在进行第三步操作时，始终没找到lovelace-ui.yaml配置文件

在使用home assistant

3）经过折腾才发现，具体的ui.yaml具体指的是你自己的概览目录UI，通过【概览】—>【右键右上角三个点】—>【编辑仪表盘】—>【右键右上角三个点】—>【原始配置编辑器】

在这里插入图片描述
在这里插入图片描述

在配置文件最后加上背景控制代码即可

background: var(--background-image)

在这里插入图片描述

4）在themes/ios-dark-mode文件中找到，ios-dark-mode.yaml配置文件，打开修改

在这里插入图片描述

5) 修改 background-image条目即可进行不同背景颜色的更换

在这里插入图片描述

6）具体可以选择四种背景颜色的一种，

https://github.com/basnijholt/lovelace-ios-dark-mode-theme/tree/master/backgrounds
在这里插入图片描述

7）将其中一种背景色的css代码替换掉之前的“background-image”条目即可

在这里插入图片描述

8) 保存重启home assistant即可实现背景替换

春天不是读书人
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
探索 Lovelace iOS Themes：让你的 Home Assistant 更具个性
gitblog_00051的博客
04-16 418
探索 Lovelace iOS Themes：让你的 Home Assistant 更具个性 项目地址:https://gitcode.com/basnijholt/lovelace-ios-themes 在智能家居的世界里，Home Assistant 是一款强大的开源自动化平台，让我们得以轻松地管理和控制家中的各种智能设备。而为了让这种体验更加美观、个性化，Lovelace iOS Them...
home-assistant-theme-outline::artist_palette:家庭助理主题
04-16
家庭助理的主题：大纲 一个家庭助理主题，使所有边界变得更加现代，简约和紧凑。 关于 这可能是其中最简约的主题（就其实际功能和更改而言）。 它尊重Home Assistant的几乎所有设计选择和颜色，但其中一个...卡的边框/层次。 这个主题使一切变得更加现代，一致和紧凑。 没什么特别的，但是如果您只喜欢默认的Home Assistant主题，则可能是您想要的一个很小的变化。 安装 将以下代码添加到configuration.yaml文件中（需要重新启动）。 frontend : ... # your configuration. themes : !include_dir_merge_named themes ... # your configuration. HACS 转到社区商店。 搜索Outline 。 导航到“ Outline主题。 按Install
homeassistant-磁贴风格界面自定义主题切换
wongxiaonan的博客
08-22 2889
配置tileboard下的config.js文件里面的customTheme； 可配置pad及phone端，也可行开发；
探索 Lovelace iOS Dark Mode Theme: 给你的 Home Assistant 带来夜间美感
gitblog_00033的博客
04-19 1025
探索 Lovelace iOS Dark Mode Theme: 给你的 Home Assistant 带来夜间美感 项目地址:https://gitcode.com/basnijholt/lovelace-ios-dark-mode-theme 在现代科技世界中，个性化和用户体验已成为关键要素，尤其是对于智能家居平台如 Home Assistant 的用户来说。Lovelace iOS Dark...
Home Assistant初学者指南 -4 之 如何在Home Assistant上设置Lovelace
热门推荐
hjf0124的博客
01-29 1万+
Lovelace是Home Assistant的新成员。允许自定义用户界面的外观和可用性。在本文中，我将向您展示如何在Home Assistant上设置和配置Lovelace。另外，我将介绍一些可用于自定义Web界面的不同卡片样式。   创建一个Lovelace yaml文件 您需要做的第一件事是在Home Assistant Config 文件夹中创建一个名为ui-lovelace.ya...
HomeAssistant 手动设置主题样式
qq_36393991的博客
04-17 1万+
HomeAssistant 手动设置主题样式 1.背景： 一般主题样式都是通过HACS去下载，但是国内网去下github的代码你懂的，所以就需要科学下载代码然后更新进HomeAssistant中。 2.手动配置 2.1github上的主题样式 1.点击 Frontent 2.点击添加 勾选 Themes，列表显示的就是github上一些已有的Themes 3.点击你想要的 Themes，选择打开github地址 4.进入github页面(例:https://github.com/
lovelace-ios-dark-mode-theme:bas @basnijholt的主题基于Lovelace Home Assistant的iOS黑暗模式
04-24
iOS暗模式主题 @basnijholt的iOS黑暗模式主题，并从@kalkih的修改而来 屏幕截图 概述 使用其他背景（ ）： 地图 哈斯 开发者工具 配置 轮廓 安装 将以下代码添加到您的configuration.yaml文件中（需要重新启动）。 frontend : ... # your configuration. themes : !include_dir_merge_named themes ... # your configuration. lovelace-ui.yaml添加到您的lovelace-ui.yaml或使用RAW编辑器： background : var(--background-image) （可选）将以下内容添加到同一文件中以减小标头（您也需要安装custom-header ）： custom_header : ba
探索Caule Themes Pack 1：为你的Home Assistant带来独特魅力
最新发布
gitblog_00063的博客
06-20 377
探索Caule Themes Pack 1：为你的Home Assistant带来独特魅力 项目地址:https://gitcode.com/ricardoquecria/caule-themes-pack-1 Caule Themes Pack 1是由Ricardo Correia专为Home Assistant Brasil社区精心打造的一组主题包。这个开源项目不仅提供了10种现代颜色选择，还...
关于background与background-image用法
weixin_33744854的博客
03-12 351
background 简写属性在一个声明中设置所有的背景属性。可以设置如下属性：background-colorbackground-positionbackground-sizebackground-repeatbackground-originbackground-clipbackground-attachmentbackground-image如果不设置其中的某个值，也不会出问题...
homeassistant core hacs
06-27
HomeAssistant Core是一款开源的家庭自动化平台，它允许用户通过自定义组件来扩展其功能。HACS（Home Assistant Community Store）是为HomeAssistant设计的一款插件商店，用于安装和管理第三方组件和插件。这个...
自己摘录和简单翻译的homeassistant文档
09-11
在本文档中，我们将详细介绍 HomeAssistant 的配置文件、YAML 语法、组件和平台的概念，以及如何使用环境变量等。 一、HomeAssistant 配置文件 HomeAssistant 在首次启动时，会生成一个默认配置文件，以实现 Web ...
HomeAssistantLovelaceUI的简约图形卡
08-08
Home Assistant Lovelace UI的简约图形卡
HomeAssistant
04-02
家庭助理 这是我计划的HomeAssistant配置。 我当前正在运行的配置是一堆混乱的spagetti配置文件。 迁移到Git将允许我清理这些并管理配置的更改。 我的HomeAssistant部署是在Qnap NAS上当前运行的Docker容器中构建的。 一旦从我的桌面上释放了旧硬件，该服务器最终将被移到专用服务器上。 Docker-compose脚本最终将包含在此仓库中。 网络 家庭网络是家庭自动化所需的所有连接的骨干。 我的网络主要由Ubiquiti网络设备组成，以使其相对便宜，功能强大，但易于管理。 还有一台Palo Alto PA-200，它正在执行我的所有Internet终止，路由和防火墙职责。 部署方式 homeassistant / home-assistant-HA实例 eclipse-mosquitto-MQTT服务 esphome / esphome-用于管理基于
ha-simple-card:lovelace简单卡
03-05
家居辅助简单卡 开发人员预览版v0.0.9最终版本我仍在寻求帮助，如果有人可以帮助我完成并改善卡片布局，我们将非常高兴。 要求 家庭助理0.116.4 前端版本：20201001.2-最新 Lovelace模式 经过测试的浏览器 Chrome版本86.0.4240.111 Safari版本13.1.2（13609.3.5.1.5） Firefox 82.0（64位） Vivaldi 3.4.2066.76（稳定通道）（x86_64） Android浏览器（Chrome，Firefox，Vivaldi） 安装 手动安装 下载，解压缩并将文件夹ha-simple-card复制到$HOME/homeassistant/.homeassistant/www/community/ha-simple-card目录中。 在ui-lovelace.yaml或原始配置编辑器UI的顶部添加对ha-
mini-media-player:用于Home Assistant Lovelace UI的简约媒体卡
04-28
迷你媒体播放器 用于 Lovelace UI的简约但可自定义的媒体播放器卡。 受启发和 。 安装 可以在 （家庭助理社区商店）中使用此卡 安装简单 从下载mini-media-player-bundle.js并将其复制到config/www目录中。 在您的configuration.yaml或通过“资源”选项卡中的Home Assistant UI添加对mini-media-player-bundle.js的引用。 resources : - url : /local/mini-media-player-bundle.js?v=1.12.1 type : module CLI安装 移到您的config/www目录 抓取mini-media-player-bundle.js $ wget https://github.com/kalkih/mini-media-play
home-assistant-custom-ui:https的自定义UI元素
05-02
自定义UI元素 待办事项：添加屏幕截图 笔记 HA 0.94+需要CustomUI 2019-05-18 HA 0.84.1+所需的CustomUI 2018-12-17 CustomUI 2018-08-06是可在HA 0.76和更早版本上使用的最新版本 请填写 正在安装 查看 激活 看到 特征 查看 支持 请提出问题并在发布功能请求。 帖子bug报告这里在github上 变更日志 2019-05-18 HA 0.94+的修补程序 2019-03-24 修复了HA 0.88+的icon-color 适用于HA 0.90+的Fox配置面板 2019-01-13 修补程序extra_badge为HA 0.85+ 完整的变更日志
HomeAssistantWS:Java库可简化Home Assistant WebSocket API的使用
04-19
家庭助手WS Java库可简化Home Assistant WebSocket API的使用。使用HomeAssistantWS 要在项目中使用HomeAssistantWS，请使用jitpack。 此处提供了不同的版本： : 要使用jitpack： repositories { maven { url '...
WebRTC:Home Assistant自定义组件，用于使用WebRTC技术实时查看IP摄像机RTSP流
04-13
基于： -WebRTC的纯Go实现通过和转到应用为什么选择WebRTC： 可以在任何现代浏览器中使用，甚至可以在手机上使用唯一具有最小相机流延迟（0.5秒及以下）的浏览器技术适用于不稳定的频道不使用转码并且不加载CPU ...
homeassiant主题
物极必反的博客
11-17 365
Home Assistant 添加主题
nodered使用homeassistant
11-18
Node-RED是一个流程编程工具，可以与Home Assistant集成，以便在Home Assistant中控制设备和自动化。以下是使用Node-RED与Home Assistant集成的步骤： 1. 安装Node-RED Home Assistant WebSocket插件。可以通过运行以下命令来安装它： ``` npm install node-red-contrib-home-assistant-websocket ``` 2. 重启Node-RED。 3. 打开Node-RED编辑器，并找到Home Assistant节点。可以在左侧的“输入”选项卡下找到它。 4. 将“events:all”或“events:state”拖到编辑器中，并双击以配置节点。 5. 在“Server”字段中，输入Home Assistant服务器的IP地址和API密钥等信息。 6. 在“Entity ID”字段中，输入要控制的实体ID名称。 7. 配置完成后，单击“Deploy”以保存更改并将它们部署到Node-RED中。 8. 现在可以使用Node-RED来控制Home Assistant中的设备和自动化了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值