Hi, I have purchased this card and uploaded its Jason. I can see the card but how to setup the entity and different modes of switches??
Show 1 reply Hide reply
There is a own settings button on the light cards which opens the config menu:
Overview
Neo Light Switch Card is a customizable HTML light-control card for Drag & Drop Card. It provides several switch styles, including toggle, vertical and horizontal sliders, circle button, rocker, card switch, dot switch, ring dimmer, and minimal dot switch.
The card is designed for visual dashboards where each light can be controlled directly from the card. It supports on/off control, brightness where available, and optional color and temperature controls through popup menus. Built-in settings let users choose the switch design, entity, label, icon visibility, status visibility, colors, transparency, and visual styling without editing the JSON manually.
What’s included
Package
Card JSON
Version
1.0.0
License
All Rights Reserved
Custom cards
Native
Requirements
Requires Home Assistant with Drag & Drop Card installed.
The card is made as an HTML/Web card for Drag & Drop Card and is intended to be imported into a Drag & Drop dashboard. Light entities should be available in Home Assistant. Brightness, color, and color temperature controls depend on the capabilities of each selected light entity.
This upload only uses native Drag & Drop Card helper cards.
NativeInstallation notes
Import the provided JSON into Drag & Drop Card using the card import flow. After adding the card, open the card’s own settings menu to select the light entity and choose the preferred switch style.
No extra Home Assistant integrations are required beyond the light entities you want to control.
Version notes
LatestInitial version
Community thread
Discussion
34 comments across 7 topics
Please sign in to comment.
I found the settings, it was very hidden if some color was applied for cards in themes. With white background for cards the setting toggle is not available!
Show 3 replies Hide replies
I will look into this issue.
Show 2 replies Hide replies
I guess this is what you mean? That the settings button is not visible?
Show 1 reply Hide reply
Hi, Yes correct!
How to translate the off and on text? and all other text in pop ups for brightness etc?
'Unavailable'
'Brightness'
'Warmth'
'Color'
'No matching lights or switches'
'Light'
'Light config'
'Apply'
Show 2 replies Hide replies
Which language would you prefer it to be in?
Show 1 reply Hide reply
In Dutch please, see below translations.
ON → AAN
OFF → UIT
Unavailable → Niet beschikbaar
Turn on → Schakel in
Turn off → Schakel uit
Brightness → Helderheid
Warmth → Warmte
Color → Kleur
Light → Lamp
Light controls → Lampbediening
Light config → Lampinstellingen
Apply → Toepassen
No matching lights or switches → Geen overeenkomende lampen of schakelaars
Hi,
I have tried all color settings but I can not get the background of the card changing in a color with our having this big yellow distortion. I would like to have them as your example at the top of this page.
Please see attached picture.
Show 16 replies Hide replies
Hi, I will implement all your requests, but give me until tomorrow. Is that okay?
Show 15 replies Hide replies
Hi, Yes of course pal! Basically I would like to replicate this dashboard, including the background if possible? You have also a very nice background which you use for the loading screen (like gradient purple, reminds me of Bubble background).
Really love the flexibility of this dashboard and would love to make this as the default dashboard.
Show 14 replies Hide replies
Do you want ti with the text and everything or just the background and the switches?
Show 13 replies Hide replies
preferabel exactly how the picture shows the dashboard. I would love to use the left grey area as a side bar :). SO if possible import this 1:1.
Show 12 replies Hide replies
The card has been updated to support Dutch and to be able to overwrite the color if the light can control warmth. Just re-download the card and import it. 
. .
Show 7 replies Hide replies
Thank you. I was more wondering why there is a background distorted color (yellow) behind the entity name. In your view it is just a solid color. Your card just looks great combined to mine.
Thank you. I was more wondering why there is a background distorted color (yellow) behind the entity name. In your view it is just a solid color. Your card just looks great combined to mine.
Thank you. I was more wondering why there is a background distorted color (yellow) behind the entity name. In your view it is just a solid color. Your card just looks great combined to mine.
Show 4 replies Hide replies
So as you can see when the entity is ON, a yellow background color is being showed behind the switch and behind the entity name. This color seems to cover almost the entire card, with more opacity in the centre and fading out to the edges. In your card this shows very subtle.
Show 3 replies Hide replies
Sorry, I missed this setting. Its included now. Re-download and import. If this is turned on then you will get the glow. Without it you will not.
Show 2 replies Hide replies
Many thanks for the quick fixen. This solved it mainly, but would have rather having control over the inner glow. your card is showing it very subtle. Any possibility to add control for resizing the icons in the corners? They get very small when resizing the entire card and difficult to see them.
Show 1 reply Hide reply
You can now control the intensity of the glow manually. The icons can not get any bigger as it messes up the spacing unfortunately. Download the card and import it again.
The background I have for the cards in the picture here, is the "Default 5" when background is set to "Image" under the "Appearance" tab in the settings. Set that first and then you can just copy the switches and change them as you want.
Show 3 replies Hide replies
Thanks, but yours is like zoomed in?
Show 2 replies Hide replies
Its because I have just taken a screenshot of parts of the picture and used that as the background for the image in this post. I think it would be best if you just did the same and used that image as your background (you can upload it in the settings)
Show 1 reply Hide reply
Many thanks! I will crop the image. Thought it is somewhere in the settings :)
Everytime I import the card and everything is set up, the card will be removed once I reload the page. I even tried to save but still it keeps happening. Any other card is saved, so this happens only to the HADS switched. I see also a 'Local Storage' mode?
Show 3 replies Hide replies
Where do you see the local storage mode?
Show 2 replies Hide replies
No problem, Already fixed. Now it shows System Ok
No problem, Already fixed. Now it shows System Ok
Hi,
Shadow functionality doesn't work for HADS Switches. All other HA cards are just working fine, even for changing intensity.
Show 1 reply Hide reply
Ok, I will look into it
after i click apply after edditing a swittch it does noth to the original card. everything i did is gone
Show 1 reply Hide reply
that is very strange. Could you try to refresh the page?
Version history