lovelace第三方插件介绍及界面大赛相关问题答疑[2019/4/27]

点击小子

厉害厉害，膜拜了

jozhi

請問一下K大....
這空氣淨化器的開關變成紅色的..
請問控制的指令是?  在哪邊修改呢?我有在這邊找 找不到可以改的項目
https://github.com/home-assistan ... sources/ha-style.ts

killadm

jozhi 发表于 2019-2-17 22:09
請問一下K大....
這空氣淨化器的開關變成紅色的..
請問控制的指令是?  在哪邊修改呢?我有在這邊找 找不到可 ...

是这个主题里的，想用card-modder改的话参考Switches部分

# Main colors
primary-color: '#5294E2'                                                        # Header
accent-color: '#E45E65'                                                         # Accent color
dark-primary-color: 'var(--accent-color)'                                       # Hyperlinks
light-primary-color: 'var(--accent-color)'                                      # Horizontal line in about

# Text colors
primary-text-color: '#FFFFFF'                                                   # Primary text colour, here is referencing dark-primary-color
text-primary-color: '#FFFFFF'                                                   # Primary text colour
secondary-text-color: '#5294E2'                                                 # For secondary titles in more info boxes etc.
disabled-text-color: '#7F848E'                                                  # Disabled text colour
label-badge-border-color: 'green'                                               # Label badge border, just a reference value

# Background colors
primary-background-color: '#383C45'                                             # Settings background
secondary-background-color: '#383C45'                                           # Main card UI background
divider-color: 'rgba(0, 0, 0, .12)'                                             # Divider

# Table rows
table-row-background-color: '#353840'                                           # Table row
table-row-alternative-background-color: '#3E424B'                               # Table row alternative

# Nav Menu
paper-listbox-color: 'var(--primary-color)'                                     # Navigation menu selection hoover
paper-listbox-background-color: '#2E333A'                                       # Navigation menu background
paper-grey-50: 'var(--primary-text-color)'
paper-grey-200: '#414A59'                                                       # Navigation menu selection

# Paper card
paper-card-header-color: 'var(--accent-color)'                                  # Card header text colour
paper-card-background-color: 'rgba(67, 73, 84, 0.5)'                            # Card background colour
paper-dialog-background-color: 'rgba(67, 73, 84, 0.5)'                          # Card dialog background colour
paper-item-icon-color: 'var(--primary-text-color)'                              # Icon color
paper-item-icon-active-color: '#F9C536'                                         # Icon color active
paper-item-icon_-_color: 'green'
paper-item-selected_-_background-color: '#434954'                               # Popup item select
paper-tabs-selection-bar-color: 'green'

# Labels
label-badge-red: '#DF4C1E'                                                      # References the brand colour label badge border
label-badge-text-color: '#FFFFFF'                                               # Now same as label badge border but that's a matter of taste
label-badge-background-color: '#2E333A'                                         # Same, but can also be set to transparent here

# Switches
paper-toggle-button-checked-button-color: 'var(--accent-color)'
paper-toggle-button-checked-bar-color: 'var(--accent-color)'
paper-toggle-button-checked-ink-color: 'var(--accent-color)'
paper-toggle-button-unchecked-button-color: 'var(--disabled-text-color)'
paper-toggle-button-unchecked-bar-color: 'var(--disabled-text-color)'
paper-toggle-button-unchecked-ink-color: 'var(--disabled-text-color)'

# Sliders
paper-slider-knob-color: 'var(--accent-color)'
paper-slider-knob-start-color: 'var(--accent-color)'
paper-slider-pin-color: 'var(--accent-color)'
paper-slider-active-color: 'var(--accent-color)'
paper-slider-container-color: 'linear-gradient(var(--primary-background-color), var(--secondary-background-color)) no-repeat'
paper-slider-secondary-color: 'var(--secondary-background-color)'
paper-slider-disabled-active-color: 'var(--disabled-text-color)'
paper-slider-disabled-secondary-color: 'var(--disabled-text-color)'

# Google colors
google-red-500: '#E45E65'
google-green-500: '#39E949'

复制代码

jozhi

killadm 发表于 2019-2-17 22:15
是这个主题里的，想用card-modder改的话参考Switches部分
[code]# Main colors
...

請教K大   我改成這樣
          paper-toggle-button-checked-button-color: red
          paper-toggle-button-checked-bar-color: red
          paper-toggle-button-checked-ink-color: red
          paper-toggle-button-unchecked-button-color: red
          paper-toggle-button-unchecked-bar-color: red
          paper-toggle-button-unchecked-ink-color: red
顏色還是沒有變@@"

killadm

前边加上--
'--paper-toggle-button-checked-button-color': '#E45E65'

jozhi

killadm 发表于 2019-2-18 08:10
前边加上--
'--paper-toggle-button-checked-button-color': '#E45E65'

感謝K大....我今晚回去試試看

sd65745

lz赞 收集了很多例子可以参考学习了 thanks！

咸味土豆

大佬更新了，上班了可以玩玩了。谢谢。

whxciotw

请问楼主，我在使用tracker-card和磨砂玻璃效果时，遇到个问题，显示如下，即tracker-card两行之间不同的颜色与磨砂背景效果冲突
但我看到您的却不存在这个问题，能够分享下怎样调整tracker-card颜色参数？还是要更改theme？

killadm

whxciotw 发表于 2019-2-21 20:24
请问楼主，我在使用tracker-card和磨砂玻璃效果时，遇到个问题，显示如下，即tracker-card两行之间不同的颜 ...

应该是在主题里，表格刷新太快开发者工具来不及看，53楼有我用的主题，你试试把。