2.0.0
🚨 Breaking Changes
Home Assistant 2022.12 has removed the --paper-item-icon-active-color
and replaced it with several rgb state colours. In order to support this change the --paper-item-icon-color
variable is no longer supported, and --paper-item-icon-active-color
has no value by default, buttons will now use the state colour for their entity.
Several CSS variables are however now available for styling, most importantly you should rename the following.
--paper-item-icon-color
➡--pbs-button-color
--paper-item-icon-active-color
➡--pbs-button-active-color
If you do not want to use the new state colors you can force the button to use the old active color by adding the following.
type: custom:paper-buttons-row
# on all buttons
styles:
"--pbs-button-active-color": "#fdd835"
buttons:
- entity: light.bedroom_light
# or per-button
styles:
"--pbs-button-active-color": "#fdd835"
⚡ Features
- Use RGB color from entity if available (ce1e383) (fixes #100) (fixes #46)
- Related to the changes above in addition to support for HA's built-in RGB state colors, we also now extract the
rgb_color
attribute from any entity that has it.
- Related to the changes above in addition to support for HA's built-in RGB state colors, we also now extract the
- Add CSS variable for default color (7b430b9) (fixes #82)
- Configure ripple shape, a new
ripple
option is available to switch betweennone
,circle
, andfill
. (8f6ffd1) (fixes #87) - Add support for presets. (b873a02)
- There are now built-in presets available to change the default look and feel of the buttons, this is using the
preset
config option. Currently, only themushroom
preset is available, which mimics the buttons from piitaya/lovelace-mushroom. - Presets can be configured for all buttons or per button.
- There are now built-in presets available to change the default look and feel of the buttons, this is using the
- User-defined presets. (4165d4f)
• Support defining active states (26d7b0c)- You can now configure which states the button considers active, when the button is active it has the
button-active
CSS class and uses a different set of CSS variables, this is particularly useful alongside presets.
- You can now configure which states the button considers active, when the button is active it has the
- Add data-attributes for CSS styling, see more. (7b0bfd8)
paper-button[data-state="on"] { color: red; }
Changes
- Include build information in bundle (04f7521)
Full Changelog: 1.0.1...2.0.0