Skip to content

πŸš€ Release Notes: OneLine Room Card (v1.0.5)

Choose a tag to compare

@lop1505 lop1505 released this 14 Jan 10:08

This update delivers massive improvements in "Native Look & Feel," automation, and usability.

🎨 Design & Colors (Home Assistant Native)
Native System Colors: The card now automatically uses the standard colors defined in your Home Assistant theme (CSS variables).

πŸ’‘ Lights = Orange (or Theme Standard)

πŸ”Œ Sockets = Green/Purple (depending on the theme for switch)

🌑️ Climate = Dynamic (Orange when heating, Blue when cooling, Green when idle)

🎨 RGB Lights = The icon adopts the exact color of the bulb!

Force Manual Color ("Force Mode"): New toggle in the editor. When enabled, the selected color is always displayed, regardless of whether the device is on or off (perfect for static scene buttons).

Modern Transparency: Backgrounds now use color-mix to blend perfectly into any dashboard theme (20% opacity of the icon color).

🧠 Intelligent Automation
No Type Selector Needed: The dropdown for "Type" has been removed. The card now detects 100% automatically based on the entity domain (light, switch, cover, climate) how the button should behave.

Smart-Add:

New buttons automatically inherit the width of the previous button.

The first button automatically detects if a main climate entity is set and configures itself accordingly.

Auto-Fill: When selecting an entity, the name and icon are automatically pulled from Home Assistant.

✨ Editor & UX Improvements
Hybrid Color Picker: New color selection tool that supports both text input (e.g., "red") and a visual picker – stable across all browsers.

Alignment: Button content can now be aligned Left, Center, or Right.

Status Warning: If an entity is unreachable (unavailable), a small red ⚠️ warning badge automatically appears on the icon.

Input Fix: No more focus loss when typing names in the editor.

πŸ› Bugfixes & Cleanup
Click Behavior: Clicking a button now reliably opens the "More-Info" popup (no longer just toggles shutters).

Layout: CSS fixes for width calculations (1/3, 1/4, etc.) and text alignment.

Code: Cleanup of legacy functions (toList removed) for better performance.