码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 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)
    
    • 1

    在这里插入图片描述

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

  • 相关阅读:
    嵌入式养成计划-54----ARM--异常处理流程
    算法入门教程(六、试探)
    HTML5+css3课后习题【一】
    【IDEA】使用idea调试时查看对象集合的值
    IE退役倒计时, Edge接棒
    C++ Reference: Standard C++ Library reference: Containers: array: array: back
    MySQL 权限变更,何时生效?
    Vue 汉字转拼音;根据拼音首字母排序转二维数组;提取拼音首字母排序。
    K8s: 运行Pod时的root用户和非root用户的安全相关配置
    HTTP 原理
  • 原文地址:https://blog.csdn.net/weixin_42213421/article/details/134364328
  • 最新文章
  • 代码是 AI 写的,生产事故谁背锅?
    面试必问:公司用AI 赋能自动化,你是怎么用AI 做自动化测试的呢?(附落地全流程)
    【动手学大语言模型】神经网络启蒙:PyTorch 入门实战
    Paxos算法:如何解决分布式系统中的共识问题?
    和AI一起搞事情#5:技能进阶与Claude Design初体验
    .NET 11 Preview 4 正式发布:Runtime-Async 全面启用、Process API 大幅扩展
    大数据没那么远:把散乱数据理顺,让业务敢用
    高性能百度OCR ONNX Runtime C#实现
    C#/.NET/.NET Core技术前沿周刊 | 第 70 期(2026年5.01-5.10)
    Triton学习 · Part 1 · Hello, world!
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号