💡 Material Lights Card

🌟 Overview

The material-lights-card is a sleek, Google-style control panel for your home lighting. It provides a simple and elegant way to turn all lights on or off with a single tap, adapting its appearance to your theme.

☀️ Light Mode

🌙 Dark Mode

🎨 Features

• 📱 Google-inspired design: Soft colors and modern rounded buttons.
• 💡 Smart Toggle: Instantly turn lights on or off.
• 🌓 Adaptive Theme: Automatically adjusts colors for light and dark modes.
• ⚡ Real-time Updates: Reflects the current state of your lights immediately.

🔧 Requirements

To use this card, the following custom components are required:

📌 Card Mod

🔗 Card Mod

GitHubgithub.com

📌 Button Card

🔗 Button Card

GitHubgithub.com

• Fully supports entity states, custom templates, and CSS-style controls
• Each dashboard item (camera, light, climate...) uses this card with custom styling and icons

TIP

💡 HACS installation is recommended to keep components up to date.

✨ Editor Preview

When adding a new material-lights-card via the UI editor, you will see a pre-configured preview.

The preview defaults to:

• On Text: "Lights On"
• Off Text: "Lights Off"

Note: As soon as you modify any setting in the editor, the preview defaults are cleared, allowing you to fully customize the card.

🛠️ Configuration Options

Option	Type	Description	Default	Required
type	string	Must be custom:material-lights-card.	-	✅ Yes
on_text	string	Text displayed on the "Turn On" button.	Lights On	❌ No
off_text	string	Text displayed on the "Turn Off" button.	Lights Off	❌ No
control_area	boolean	Restrict control to a specific area instead of all lights.	false	❌ No
area_id	string	The ID of the area to control (requires control_area: true).	-	❌ No

---

🚀 Usage Examples

1. Global Light Control

Control all lights in your Home Assistant instance.

type: custom:material-lights-card
on_text: "All On"
off_text: "All Off"

2. Area Specific Control

Control only the lights in the Living Room.

type: custom:material-lights-card
control_area: true
area_id: living_room
on_text: "Living Room On"
off_text: "Living Room Off"

🎨 Extended Customization

⚠️ LICENSE

Only for PRO and ULTIMATE users, get your licence now 🚀.

This card have a own version of Card-Mod. You can inject custom CSS to override any style or create unique animations.

💡 ADVANCED STYLING

👉 Check out the Styling Guide.