当前位置: 首页 > news >正文

Home Assistant使用ios主题更换背景

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

    • lovelace-ios-dark-mode-theme
  • 默认前置情况,
    • 1、已安转HACS插件
    • 2、搜索安装 IOS Dark Mode Theme
      • 1)第一、二步应该很容易实现,configuration.yaml文件很容易被找到
      • 2)而本人在进行第三步操作时,始终没找到lovelace-ui.yaml配置文件
    • 3)经过折腾才发现,具体的ui.yaml具体指的是你自己的概览目录UI,通过【概览】—>【右键右上角三个点】—>【编辑仪表盘】—>【右键右上角三个点】—>【原始配置编辑器】
      • 在配置文件最后加上背景控制代码即可
    • 4)在themes/ios-dark-mode文件中找到,ios-dark-mode.yaml配置文件,打开修改
    • 5) 修改 background-image条目即可进行不同背景颜色的更换
    • 6)具体可以选择四种背景颜色的一种,
    • 7)将其中一种背景色的css代码替换掉之前的“background-image”条目即可
    • 8) 保存重启home assistant即可实现背景替换

在这里插入图片描述

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即可实现背景替换

http://www.lryc.cn/news/229250.html

相关文章:

  • 深入了解鼠标光标的设置过程
  • 数据结构-散列表
  • 一款IT团队都在用的私有化知识库,技术开放,还开源了!
  • 解决 docker compose 官方 MySQL 镜像在容器中不能输入中文的问题
  • 基于连续Hopfield神经网络优化——旅行商问题优化计算
  • SpringBoot整合Activiti7——定时器事件(九)
  • 轻量封装WebGPU渲染系统示例<29>- 深度模糊DepthBlur(源码)
  • LeetCode226. Invert Binary Tree
  • Java设计模式-创建型模式-建造者模式
  • PyQt中QFrame窗口中的组件不显示的原因
  • git 命令行回退版本
  • IntelliJ IDEA 安装 GitHub Copilot插件 (最新)
  • viewpage选择器
  • vue中如何将json数组指定的key赋值给el-form-item并均匀的分成2列
  • 笔记本分屏怎么操作?3个方法提高工作效率!
  • Android 使用poi生成Excel ,word并保存在指定路径内
  • 嵌入式杂记 -- MCU的大小端模式
  • 对这套BI零售数据分析方案心动,是零售人天性
  • vuekeyclock 集成
  • ARM Linux 基础学习 / 配置交叉编译工具链 / 编译 Linux 应用和驱动 / 编译内核
  • 通讯协议学习之路(实践部分):SPI开发实践
  • 【系统安装】ubuntu20.04启动盘制作,正经教程,小白安装教程,百分百成功安装
  • 2023云计算发展趋势
  • C# .NET Core API Controller以及辅助专案
  • asp.net图书管理系统
  • 概念解析 | LoRA:低秩矩阵分解在神经网络微调中的作用
  • 前端---CSS的盒模型
  • Linux可以投屏到电视吗?用网页浏览器就能投屏到电视!
  • 云汇优想:抖音矩阵系统有哪些类型?
  • XSS 漏洞的理解