Lovelace: Sun Card

ludeeus · June 12, 2019, 12:18pm

In case you where wondering, that already works

passie · June 17, 2019, 11:05pm

Where did you find the sun-card in HACS. Did you added an extra repository?

ludeeus · June 18, 2019, 4:53am

Yes, just pasted the repo link under settings

jwelter · July 10, 2019, 11:53pm

Under 95.4 sunrise time is not showing – any suggestions?

mishaaq · July 11, 2019, 10:04am

Did you use “Enhanced Sun” component? You can see only future events using only default sun component so you won’t see a sunrise that occurred in the past. If you installed enhanced sun component check if it works correctly in your installation after the upgrade.

jwelter · July 11, 2019, 4:10pm

It’s the standard sun component; but it never shows sunrise. Even when past sunset it doesn’t show the pending (future) sunrise.

mishaaq · July 11, 2019, 4:54pm

Ok, so there is a little misunderstanding here. The card shows current sun elevation throughout the day (0:00 to 24:00). Due to limitation of standard sun component there is a depiction of future events only in THAT day. You have to wake up early morning to see the sunrise therefore . I really recommend to install enhanced component to fully utilize the card.

jwelter · July 11, 2019, 7:55pm

Ahhhhh, sunrise is at 5:30am so yeah; not seeing it. Will it show up after midnight or just after sunset the prior day?

mishaaq · July 11, 2019, 8:20pm

It shows up from midnight till sunrise same day only.

krovachek · July 12, 2019, 4:10pm

How can I change the color of the “field” and the “sky”?

krovachek · July 12, 2019, 10:07pm

I’ve found it

kinthiri · July 24, 2019, 2:17am

Any chance you’ll update this to use the Sun2 sensor set rather than the deprecated “enhanced” Sun component?

mishaaq · July 29, 2019, 11:56am

Working on it at the moment.

mishaaq · July 30, 2019, 11:34am

Checkout the v3.0 version

mishaaq · July 30, 2019, 11:36am

In v3.0 version there is --sc-background CSS variable to change the background easily. Please check it out and leave an opinion.

krovachek · July 30, 2019, 2:59pm

It is working, thank you!

elRadix · July 30, 2019, 3:22pm

can you share how you did it?
how can I disable am/pm text?

krovachek · July 30, 2019, 3:37pm

With card-modder:

card:
  name: Nap
  type: 'custom:sun-card'
style:
  background-color: 'rgba(0,0,0,0.3)'
  background-image: url("/local/pictures/cardback.png")
  background-repeat: no-repeat
  background-size: 100% 100%
  border: 'solid 1.5px rgba(57,128,228)'
  border-radius: 15px
  '--sc-sunbeam-color': white
  '--sc-event-line-color': white
  '--sc-horizon-color': null
  '--sc-background': >-
    linear-gradient(rgba(1, 1, 254,  0%), rgb(0, 191, 255) 46%, rgb(0, 250, 
    124) 54%, rgba(11, 1,  40,  0%))
type: 'custom:card-modder'

I did not change the card format. Maybe it is depend on the system setup.

elRadix · July 30, 2019, 4:05pm

thank you @krovachek

AM/PM text is too big, how to fix this or better how to get 24hrs instead

mishaaq · July 30, 2019, 9:19pm

Please rise a bug for this on github.