Skip to content

Fixed CSS issues and added different color mode

Choose a tag to compare

@dropqube dropqube released this 19 Dec 07:26
351b102

📝 Changelog - Version 1.5.1 (Threshold Colors & Fixes)

✨ New Features

  • Solid Color Mode: Users can now disable the gradient and use fixed colors instead by setting bar_style: solid.
  • Color Thresholds: Added color_thresholds option to define specific colors based on the forecast value (e.g., Red for low yield, Green for high yield).
  • Flexible Remaining Indicator: Added support for remaining_indicator: marker to display the remaining daily energy as a compact dot inside the main bar.

🛠 Bug Fixes

  • CSS Variable Syntax Fix: Fixed a bug in the variable assignment that caused bars to be invisible in solid mode or specific configurations.
  • Z-Index Stabilization: Further optimized stacking order to ensure tooltips and markers never overlap Home Assistant system dialogs or menus.
  • Localization Update: Completed and corrected the Dutch (nl) translation.

⚡ Performance & Optimization

  • Dynamic Styling: Updated the card's CSS engine to switch more efficiently between linear gradients and static colors without recalculating the layout.
  • Refactored Rendering: Modularized the bar generation code to improve maintainability for future display modes.

Note: This version is fully backward compatible. Without new parameters, the card will continue to use the classic gradient display by default.