Skip to content

2.0.0
Compare
Choose a tag to compare
@jcwillox jcwillox released this 13 Dec 13:19
· 53 commits to main since this release
2.0.0
f60e6a3
This commit was signed with the committer’s verified signature.
jcwillox Josh Willox
SSH Key Fingerprint: 2J/KweTU1W3fPRGKHvnfyht5KKnwcxqBNzQR3rVQHgE Learn about vigilant mode.

🚨 Breaking Changes

  • Support RGB state color CSS variables (5d922a8) (fixes #108)

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.
  • Add CSS variable for default color (7b430b9) (fixes #82)
  • Configure ripple shape, a new ripple option is available to switch between none, circle, and fill. (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 the mushroom preset is available, which mimics the buttons from piitaya/lovelace-mushroom.
    • Presets can be configured for all buttons or per button.
  • 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.
  • 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

Assets 3