Yes indeed that’s the one thanks. How did you integrate the background image in your theme?
you put that line of code in your lovelace file at the beginning of a view
background: center / cover no-repeat url("/local/back.png") fixed
2 Likes
Hi i love your card and style , how to get the white letter , in my first glance card all appear black so i don’t see the text !!
My code for this card :
- id: 1e0535848fbf4abc945b6c5d96bcddc3 # Automatically created id
type: custom:card-modder
card:
type: entity-filter
entities:
- device_tracker.chloe
- device_tracker.severine
- device_tracker.fabrice
- device_tracker.chouchou
state_filter:
- home
card:
type: glance
title: PRESENTS
style:
- text-transform: none
style:
background-image: url("/local/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 68px
border-radius: 20px
border: solid 1px rgba(100,100,100,0.3)
box-shadow: 3px 3px rgba(0,0,0,0.4)
Edit ok now i find , i apply a night_theme 
I can continue my work
2 Likes
@vjmindlab quick question on the text color. I have modified your SCRIPTS & AUTOMATION Card to suite mine. However the text where it says “SCRIPTS & AUTOMATION” cannot be seen i.e. its dark and not greyish as “Pi SYSTEM”
I checked the code and style and it is the same as for “Pi SYSTEM” etc. Do you know how I could change the text color?
Thanks.
Also for your custom card update… what are the urls for each card that you have used to show the current and available cards?
thanks.
i put that in my configuration.yaml
custom_updater:
track:
- cards
- componentsif remember well i modified the Python code in the card itself so every times it upgrade i have to change it again
Oh right so the text colour changes according to your modified python script. I will have to look into that.
Thank you mate
Can you tell us what is your theme ?
Can you please tell me what you changed to obtain a light text colour ? As I am struggling. Thanks.
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