0.51.0 - Brightness slider for an entity! Dim those area lights now! Also title color control, editor bug fixes 🚨 🌤️

5 New Fixes / Features Below

1. Background Opacity affects icon mode

Fix / Implemented: config for opacity will affect the main icon as well if using backgrounds.

type: custom:room-summary-card
area: dining_room
background:
  image_entity: camera.patio
  options:
    - icon_background
  opacity: 100 # this now affects the icon_background users

2. Title Color Control Feature

New Feature: title_color for State and Threshold Configurations

You can now control the color of the card title independently from the icon color using the new title_color property in state and threshold configurations.

Usage

Add title_color alongside icon_color in your entity state or threshold configurations:

entities:
  - entity_id: light.living_room
    states:
      - state: "on"
        icon_color: blue
        title_color: pink
      - state: "off"
        icon_color: red
        title_color: green

How It Works

• When title_color is specified in a matching state or threshold configuration, it will be used to color the card title
• If title_color is not specified, the title will use the default text color (same behavior as before)
• title_color supports all the same color formats as icon_color (hex colors, theme colors, etc.)

Benefits

• Provides visual feedback through title color changes based on entity state
• Allows for more granular visual control - icon and title can have different colors
• Works seamlessly with existing state and threshold configurations

Example Use Cases

• Status Indicators: Change title color to indicate room status (occupied, vacant, etc.)
• Alert Systems: Use title color to draw attention when thresholds are exceeded
• Visual Hierarchy: Differentiate between icon and title for better visual communication

3. Brightness Slider Entity

The slider feature transforms the first entity into a draggable vertical slider for quick brightness control. Perfect for touch dashboards and quick light adjustments.

Quick Start

type: custom:room-summary-card
area: living_room
features:
  - slider
slider_style: filled
entity: light.living_room_main

Key Features

• Drag to Control: Drag the entity icon up/down to adjust brightness (0-255)
• Visual Feedback: Icon position reflects current brightness level
• Touch Support: Works with mouse and touch interactions
• 12 Track Styles: Choose from minimalist, track, line, filled, gradient, dual-rail, dots, notched, grid, glow, shadow-trail, or outlined

How It Works

1. Enable slider in the features list
2. Optionally set slider_style (default: minimalist)
3. The first entity becomes a draggable slider
4. Drag vertically to control brightness
5. Only the first entity is displayed (others are hidden)

Slider Styles

• minimalist - Clean, minimal (default)
• filled - Progress bar showing brightness level
• glow - Glowing track effect
• shadow-trail - Shadow follows icon position
• track, line, gradient, dual-rail, dots, notched, grid, outlined - Various visual styles

Best For

• Touch dashboards
• Quick brightness control
• Single light control per room
• Modern, interactive UI

Documentation

See Slider Configuration for complete details and examples.

4. Media Source Support for Background Images

Added support for media source objects in background image configuration. You can now use media source objects (with media_content_id) in addition to string URLs. Media sources are automatically resolved via WebSocket, matching Home Assistant's native picture card behavior. String URLs continue to work for backwards compatibility.

This was a change in a recent HAS version; now the editor supports image uploads again for the background, and choosing from your media library (note this editor control is finicky, but bring it up w/ HAS, tis not mine)

5. Editor Drag/Drop to reorder entities

That's it.. enjoy reordering things

---

• chore: bumps version to 0.51.0 by @gh-action-bump-version
• editor supports drag to reorder - thanks @ojm88! by @warmfire540
• editor changes for HAS 2025.11 for background image uploads - thanks @echuraev! by @warmfire540
• background opacity config affects room icon - thanks @Ltek! by @warmfire540
• title Color based on threshold/states - thanks @CaptainSteubing! by @warmfire540
• support brightness slider for dimmable lights - thanks @tmaihoff! by @warmfire540

What's Changed

• Brightness slider for an entity! Dim those area lights now! Also title color control, editor bug fixes 🚨 🌤️ by @warmfire540 in #255

Full Changelog: 0.50.0...0.51.0