土豆发的那个themes简单实现了一下

fineemb · 发表于 2019-7-21 14:01:48

本帖最后由 fineemb 于 2019-7-21 14:35 编辑

先上效果图

土豆的原帖
https://bbs.hassbian.com/thread-7668-1-1.html
东西是这位大神的,是个UI高手
https://github.com/isabellaalstrom
她这个是写了个卡片的插件, 实现起来应该要更轻松点(我还不会弄插件), 我这个纯手工CSS调整.
themes部分很简单, 直接拿来用

游客，如果您要查看本帖隐藏内容请回复

另外附上可以直接在themes定义的内容, 非官方文档(感觉这个比较坑, 官方为什么不出一个)
https://github.com/chipriley/lov ... r/known_css_refs.md

这个的难点就是要卡片做到对齐, 阴影部分需要调整卡片的间距.
这里用到这个插件
https://github.com/thomasloven/lovelace-card-mod
这个可以定义每个卡片的CSS
下面是我的配置, 注意并不能直接拿来用, 只是给出一个思路和方法

游客，如果您要查看本帖隐藏内容请回复