Great theme !!!
…ca you put your conf files in some place please ?
Thanks in advance
How do you do powerall % and solar? through sense monitoring?
How did you fix the issue with gauge ? Did you set a specific theme for the card or fix the theme itself ?
Sorry. Didn’t get a notice of the reply to this thread. Yes I have set up sensors for Powerwall and Fronius inverters. Powerwall 2 sensors would be enough to be honest as they supply most of the info anyway. Let me know if you need info on how to setup the sensors.
Like I mentioned in the same post. If you edit each individual card and set a them (preferably a dark one) on each card via the drop down lots you’ll find that it’s fixes the issue. It’s just if you change to any other theme you will manually have to change them again. I don’t change my heaps so this didn’t bother me. I trying custom mini graph cards at the moment.
Here’s mine Not mine originally but one I have modified to my preference. Code below
BlueNight:
background-image1: "radial-gradient(at 50% 50%, rgb(0, 78, 146) 0%, rgb(0, 4, 40) 100%)"
background-image: "radial-gradient(at 50% 50%, rgb(148, 13, 13) 0%, rgb(0, 4, 40) 100%)"
make-light-carbon: "#93A5AB"
make-carbon: "#111924"
make-grey: "#DEE5E7"
make-green: "#2fce16"
make-blue: "#00A3DA"
make-red: "#f70e04"
make-yellow: "#FCF933"
make-orange: "#E49D64"
make-white: "#FFFFFF"
make-disable: "#bdbdbd"
ha-card-border-radius: 20px
ha-card-background: "var(--background-image1)"
# MyVariables
base-hue: '220' #Controls the base (and accent) color hue (0-360) | 0=Red 60=Yellow 120=Green 180=Cyan 240=Blue 300=Magenta 360=Red
base-sat: '5%' #Controls the saturation of the theme (0%-100%) | 0%=Grey 100%=Full Saturation
# MyVar
huesat: 'var(--base-hue), var(--base-sat),'
# Primary Color
primary-color: 'rgba(214, 147, 23,)' #hsl(var(--huesat) 50%)' #header colors and some text colors
dark-primary-color: 'hsl(var(--huesat) 60%)'
light-primary-color: 'hsl(var(--huesat) 30%)'
accent-color: 'hsl(var(--huesat) 30%)'
medium-grey-color: '#202020'
# Backgrounds
primary-background-color: 'hsl(var(--huesat) 16%)'
secondary-background-color: 'hsl(var(--huesat) 16%)' # background behind cards
paper-listbox-background-color: 'rgba(0, 0, 0, .7)'
paper-card-background-color: 'hsl(var(--huesat) 12%)'
paper-dialog-background-color: 'var(--paper-card-background-color)'
table-row-background-color: 'hsl(var(--huesat) 12%)'
table-row-alternative-background-color: 'hsl(var(--huesat) 10%)'
# Divider
divider-color: 'hsla(0, 0%, 0%, 0)'
dark-divider-opacity: '0'
light-divider-opacity: '0'
dark-secondary-opacity: '1'
# Text colors
primary-text-color: 'hsl(var(--huesat) 90%)'
text-primary-color: 'hsl(var(--huesat) 90%)'
secondary-text-color: 'hsl(var(--huesat) 80%)'
disabled-text-color: 'hsl(var(--huesat) 70%)'
sidebar-text_-_color: 'hsl(var(--huesat) 90%)'
sidebar-text-color: 'hsl(var(--huesat) 90%)'
paper-card-header-color: 'hsl(var(--huesat) 90%)'
paper-button-ink-color: 'hsl(var(--huesat) 50%)'
# Text Adjustments
paper-font-headline_-_letter-spacing: '-0.5px'
paper-font-headline_-_font-weight: '400'
paper-font-body1_-_font-weight: '300'
# Nav Menu
paper-listbox-color: 'hsl(var(--huesat) 50%)'
paper-grey-50: 'hsl(var(--huesat) 50%)'
paper-grey-200: 'hsl(var(--huesat) 10%)' #active menu item
sidebar-icon-color: 'rgb(227, 64, 0)' #iron-icon-fill-color
# Paper card
paper-item-icon-color: 'hsl(var(--huesat) 40%)'
paper-item-icon-active-color: "var(--make-red)"
paper-item-icon_-_color: "var(--make-red)"
paper-item-selected_-_background-color: 'hsla(0, 0%, 0%, 0.2)'
paper-item-selected_-_color: 'hsl(var(--huesat) 20%)' #?
paper-tabs-selection-bar-color: 'hsla(0, 0%, 0%, 0.2)'
paper-tab-ink: 'hsl(var(--huesat) 70%)'
paper-input-container-color: 'hsl(var(--huesat) 60%)'
# Labels
label-badge-red: "var(--make-red)"
label-badge-blue: "var(--make-blue)"
label-badge-green: "var(--make-green)"
label-badge-yellow: "var(--make-yellow)"
label-badge-grey: "var(--make-grey)"
label-badge-border-color: 'var(--label-badge-red)'
label-badge-background-color: 'var(--paper-card-background-color)'
label-badge-text-color: 'var(--primary-text-color)'
# Shadows
shadow-elevation-2dp_-_box-shadow: '0px 0px 0px 0px hsl(var(--huesat) 10%)'
shadow-elevation-16dp_-_box-shadow: '0px 0px 0px 0px hsl(var(--huesat) 25%)'
# Switches
paper-toggle-button-checked-button-color: '#f00a0a'
paper-toggle-button-checked-bar-color: '#f00a0a'
paper-toggle-button-unchecked-button-color: 'hsl(var(--huesat) 25%)'
paper-toggle-button-unchecked-bar-color: 'hsl(var(--huesat) 5%)'
# Sliders
paper-slider-knob-color: 'hsl(var(--base-hue), 90%, 50%)'
paper-slider-knob-start-color: 'hsl(var(--base-hue), 80%, 25%)'
paper-slider-pin-color: 'hsl(var(--base-hue), 90%, 50%)'
paper-slider-active-color: 'hsl(var(--base-hue), 90%, 50%)'
paper-slider-container-color: 'hsl(var(--huesat) 28%)'
paper-slider-secondary-color: 'hsl(var(--huesat) 90%)'
paper-slider-disabled-active-color: 'hsl(var(--base-hue), 80%, 25%)'
paper-slider-disabled-secondary-color: 'hsl(var(--base-hue), 80%, 25%)'
paper-dialog-color: 'hsl(var(--base-hue), 20%, 80%)'
#Changes to fix history/logbook menus
lumo-primary-text-color: '#00b706'
lumo-body-text-color: '#FFFFFF'
lumo-primary-color: '#00b706'
lumo-primary-color-50pct: 'rgba(0, 183, 6, .5)'
lumo-primary-color-10pct: 'rgba(0, 183, 6, .1)'
#Calendar day numbers
#Calendar/Date-Picker Background
lumo-base-color: 'var(--medium-grey-color)'
#Month/Year header
lumo-header-text-color: 'var(--lumo-body-text-color)'
#DayOfWeek Header
lumo-tertiary-text-color: 'var(--lumo-body-text-color)'
# Background of date in History/Logbook that you clcim to view date-picker
lumo-shade: 'var(--medium-grey-color)'
lumo-shade-90pct: 'rgba(41, 41, 41, .9)'
lumo-shade-80pct: 'rgba(41, 41, 41, .8)'
lumo-shade-70pct: 'rgba(41, 41, 41, .7)'
lumo-shade-60pct: 'rgba(41, 41, 41, .6)'
lumo-shade-50pct: 'rgba(41, 41, 41, .5)'
lumo-shade-40pct: 'rgba(41, 41, 41, .4)'
lumo-shade-30pct: 'rgba(41, 41, 41, .3)'
lumo-shade-20pct: 'rgba(41, 41, 41, .2)'
lumo-shade-10pct: 'rgba(41, 41, 41, .1)'
lumo-shade-5pct: 'rgba(41, 41, 41, .05)'
#Removes Gradient in Calendar/Date-Picker and Drop-down lists
lumo-tint-5pct: 'var(--darker-grey-color)'
5 Likes
I’ve got to ask. I know everyone is dying to know 
Are those people icons generic, in which case where did you get them? Or are they actual caricatures of you and your family, in which case how did you generate them? (Unless of course you drew them yourself in which case much respect!)
And while I’m at it, what about those cool light bulb on/off icons?
They are Bitmoji’s that I created to look like each of us, And the light bulbs are a PNG I got off google images.
1 Like
Hello guys!
Does anyone here have the great DarkRed theme updated? I have two main issues on mine and cannot figure out the correct color parameter for these:
Hassio system tab (blue text and boxes):
Now with version .99 devices tab:
I’ve downloaded this cool purple theme and everything works great:
Thanks!
2 Likes
It works! Thanks mate!
But still no luck with the Hassio system tab:
Also, I’ve found that this is not right with the purple theme:
Thanks again!
I’ll check later when I get home unless someone beats me to the punch.
1 Like
This attribute fixes the links in the purple theme:
dark-primary-color: 'var(--accent-color)' # Hyperlinks
For your red theme try:
paper-toggle-button-checked-button-color: 'var(--accent-color)'
1 Like
Hello sir!
Thanks for your reply, again.
I already have this on the red theme:
primary-color: "#d32f2f"
paper-toggle-button-checked-button-color: "var(--primary-color)"
I don’t have access right now to my other instance of HA, the one with the purple theme. Will try as soon as possible.
Thanks!
Can you please share the code for the pan & tilt sliders ? Thanks !
Hello again sir! Sorry to bother you.
I already have this on the purple theme:
dark-primary-color: '#f92aad'
accent-color: '#f92aad'
Theme has those problems:
And:
On the Red Theme I have those blue texts:
Thanks for your help, really appreciate it.
Have a great week!
You can find what attributes to change by using chrome.
1 Like
Will you, please, share the configuration of one of yours light buttons? Which card are you using?
Thanks, in advance…
that startrek theme is absolutely amazing!!! awesome work !