Ok , here i’m 
I think you got a 27’ or 32’ screen , mine is 24’ so i can put only 3 columns…
Look at the first post you get all the files needed
Thanks for your work and for sharing your setup.
Can you please share your theme?
Thanks
does anyone know how to automatically change the theme in lovelace depending on state ?
Does anyone help with the code of the card-modder along with the picture-entity?
Here is theme i use
theme:
primary-color: "#030814"
paper-tabs-selection-bar-color: "#ff0051"
light-primary-color: "#00355f"
dark-primary-color: "#2e4faa"
text-primary-color: "#999999"
primary-background-color: "#424242"
sidebar-text_-_background: "#303030"
paper-card-background-color: "#2d2d2d"
paper-card-header-color: "#111111"
secondary-background-color: "var(--primary-background-color)"
primary-text-color: "#999999"
secondary-text-color: "#6d6d6d"
paper-listbox-background-color: "var(--sidebar-text_-_background)"
paper-toggle-button-checked-ink-color: "var(--dark-primary-color)"
paper-toggle-button-checked-button-color: "var(--dark-primary-color)"
paper-toggle-button-checked-bar-color: "var(--dark-primary-color)"
paper-slider-knob-color: "#2e4faa"
paper-slider-knob-start-color: "#424242"
paper-slider-pin-color: "#194587"
paper-slider-pin-start-color: "var(--dark-primary-color)"
paper-slider-active-color: "#1b2f66"
paper-slider-secondary-color: "#111111"
paper-slider-container-color: "#111111"
paper-progress-secondary-color: "var(--sidebar-text_-_background)"
paper-item-selected_-_background-color: "#77a0d4"
paper-item-icon_-_color: "#396FB6"
paper-item-icon-color: "#999999"
paper-item-icon-active-color: "#999999"
paper-grey-50: "var(--sidebar-text_-_background)"
paper-grey-200: "var(--primary-background-color)"
label-badge-background-color: "var(--sidebar-text_-_background)"
label-badge-text-color: "var(--text-primary-color)"
label-badge-red: "#396FB6"
label-badge-blue: "var(--light-primary-color)"
label-badge-green: "var(--dark-primary-color)"
label-badge-yellow: "var(--text-primary-color)"
label-badge-grey: "var(--paper-grey-500)"
table-row-background-color: "var(--paper-card-background-color)"
table-row-alternative-background-color: "var(--sidebar-text_-_background)"
paper-font-headline_-_letter-spacing: '-0.5px'
paper-font-headline_-_font-weight: '450'
paper-font-headline_-_font-size: '20px'
2 Likes
Is it possible to move cards? So for example the electricity consumption card can it be moved from the center to the top left of the page? Is it possible to move them about?
@vjmindlab Love it and changeing mine to match it as i write this
Page 1 sorted
Just on question where would i change the color of the text for the
the CSS formatiing
secondary_info: last-changed
2 Likes
stop looking found it its in the themes
secondary-text-color: "#6d6d6d"
2 Likes
The dark one lol “night_theme” I’ll post when I get home
Thanks for your theme , lot off option , i just put a # on the line "paper-item-icon-active-color: “#999999"” to get the yellow color when a icon is active
Nice work there!
@vjmindlab Very nice interface, very impressed, having just moved over to HA myself. One question. In my move to HA I’ve decided to go all in on lovelace and have been inspired by the 3D floorplan representaton. I haven’t however been successful in achieving the 3D effects that you demonstrate. I understand how it works, but my attempts at placing a .svg ‘cover’ over a light room and then changing the opacity have been unsuccessful because I don’t seem to be able to place the cover in the right place on the base image and also because it seems the ‘cover’ is interpreted as a different size to the base image. Would you be willing to to share your picture-element code so I can see how you have approach it? Thanks.
Home here is my Night_Theme
Night_Theme:
# Main Stuff #
primary-color: "#0179d8" # Primary (most of the UI)
primary-background-color: "#060606" # Primary background colour (dialogs, e.t.c)
secondary-background-color: "#060606" # Secondary background colour (main UI background)
paper-card-background-color: "#131313" # Card background colour
paper-item-icon-color: "#0179d8" # Icon colour
primary-text-color: "#FFFFFF" # Primary text colour
secondary-text-color: "#dbd9d9" # Secondary text colour
disabled-text-color: "rgba(255, 255, 255, 0.5)" # Disabled text colour
divider-color: "rgba(255, 255, 255, 0.12)" # Divider colour
paper-card-header-color: "#FFFFFF" # Card header text colour
# Nav Menu #
paper-listbox-background-color: "#131313" # Listbox background colour
paper-listbox-color: "#FFFFFF" # Listbox text colour
paper-grey-200: "#060606" # Listbox selected item background colour
# Switches #
paper-toggle-button-checked-ink-color: "#d80129"
paper-toggle-button-checked-button-color: "#0179d8"
paper-toggle-button-checked-bar-color: "#FFFFFF"
# Sliders #
paper-slider-knob-color: "#0179d8"
paper-slider-knob-start-color: "#0179d8"
paper-slider-pin-color: "#0179d8"
paper-slider-active-color: "#0179d8"
paper-slider-secondary-color: "#0179d8"
# Tables #
table-row-background-color: transparant
table-row-alternative-background-color: transparant
2 Likes
Leaning heaps
Hiding automation under a Switch
to
and the lovelace bit
- type: custom:fold-entity-row
head: switch.cupboard_heater
items:
- automation.cupboard_door_open
- automation.cupboard_door_closed
- automation.hall_light_on_cupboard_open
- automation.hall_light_off_cupboard_closed
2 Likes
@myle how have you shown the cupboard heater in 2 different states with 2 different temperatures?I have a water temperature sensor and a separate water switch for the heater. Can I do something like yours?
Thanks.
one is just the Switch
- platform: mqtt
entity_id: cupboardheater
name: "Cupboard Heater"
state_topic: "stat/SONOFF7/POWER"
command_topic: "cmnd/SONOFF7/POWER"
payload_on: "ON"
payload_off: "OFF"
optimistic: false
qos: 0
other is the Climate
- platform: generic_thermostat
entity_id: cupboardheater
name: "Cupboard Heater"
heater: switch.cupboard_heater
target_sensor: sensor.cupboard_temperature
min_temp: 15
max_temp: 30
ac_mode: False
target_temp: 23
initial_operation_mode: "off"
cold_tolerance: 0.5
hot_tolerance: 0.5
away_temp: 16
1 Like
Hey @myle thanks for that.
Does that mean the heater is always on making sure it achieves the target temperature? Is there a way to turn this climate mechanism off to save energy and when not needed?
Another question. The temperature defined in the away mode can it be less than the minimum temperature?would it work?
Thanks.
It’s does both well if the wall switch on is them the climate is in control if the wall switch is off climate control is off have to tas sonoff for the switch and a tas wemos for temp and door open close so if the door get open heater off until it’s closed also if it’s nite time it turn the hall light on until door close wait 3 sec then turn off the hall light . And if a load of washing is done it turn the climate on at 630 for 12 hours want see the automation for it
1 Like