Palm Springs Theme

HorizonKane · September 22, 2019, 6:18am

Hi all,

I amnow running the theme and have a question.

I copied the code for the clock and like the round corners. Howver I completely fail in adding the style to any other card on my dashboard. I.E. when I edit the weather card I use:

type: weather-forecast
entity: weather.sunnysix

I have no idea where to add the style options to get it working. Can anybody give me a hint please? YAML is still confusing me…

I would also like to have that picture in the clock card - is that available anywhere?

Kind regards,
Thomas

blich · November 7, 2019, 7:52pm

Would it be possible to post the PNG again? I really like this theme, but the dropbox link is giving me a 404 error.

antpoli · September 10, 2020, 3:59pm

I have the same problem, any fix?

toofewacres · September 10, 2020, 7:27pm

I ended up putting both the moment.js and the clock-card.js in the /local directory (same as /hacsfiles directory) and the .png file that I used there also. Never could get it to work with the .js files in their proper directories with the proper pointers.

Here’s what I have now for resources:

url: /local/moment.js
type: js
url: /local/clock-card.js
type: js

duceduc · September 10, 2020, 7:50pm

This does look very nice.

antpoli · September 10, 2020, 9:25pm

WoW! very well done. I like a lot.
I’m using your clock-card … but I cannot center the time, please can you help?

david1 · September 21, 2020, 2:31am

a little to pretty for me

duceduc · September 24, 2020, 11:56am

Could you reupload the bg image again? Link is dead.

duceduc · September 25, 2020, 8:06am

Anyone knows how to fix the spacing issue?
spacing

This is the code.

            card:
              type: markdown
              content: <center><h2>OFFICE</h2></center>
          - type: horizontal-stack
            cards:
              - card:
                  entity: light.conference_room
                  icon: 'mdi:lamp'
                  name: Conference Room
                  color_type: icon
                  size: 30%
                  color: '#af6a71'
                  color_off: '#f1d6c8'
                  style:
                    - font-size: 14px
                  tap_action:
                    action: toggle
                  type: 'custom:button-card'
                style:
                  border-radius: 10px
                  overflow: hidden
                  margin-left: 10px
                  margin-right: 2px
                  box-shadow: '0px 5px 5px rgba(0,0,0,0.3)'
                type: 'custom:card-modder'
              - card:
                  entity: switch.nucontext_sign
                  icon: 'mdi:lightbulb'
                  name: NC Sign
                  color_type: icon
                  size: 30%
                  color: '#af6a71'
                  color_off: '#f1d6c8'
                  style:
                    - font-size: 14px
                  tap_action:
                    action: toggle
                  theme: palms_off_card
                  type: 'custom:button-card'
                style:
                  border-radius: 10px
                  overflow: hidden
                  margin-left: 2px
                  margin-right: 10px
                  box-shadow: '0px 5px 5px rgba(0,0,0,0.3)'
                type: 'custom:card-modder'
          - style:
              border-radius: 10px
              overflow: hidden
              margin-left: 10px
              margin-right: 10px
              box-shadow: '0px 5px 5px rgba(0,0,0,0.3)'
            type: 'custom:card-modder'
            card:
              type: entities
              entities:
                - input_select.office_mode
      - cards:
          - type: conditional
            conditions:
              - entity: media_player.upstairs_speakers
                state: playing
            card:
              style:
                border-radius: 10px
                box-shadow: '0px 5px 5px rgba(0,0,0,0.3)'
                overflow: hidden
              type: 'custom:card-modder'
              card:
                type: entities
                entities:
                  - card:
                      entity: media_player.spotify
                      artwork: full-cover
                      hide:
                        volume: true
                        power: true
                        source: true
                        icon: true
                        controls: true
                        info: true
                        name: true
                      type: 'custom:mini-media-player'
                    style:
                      border-radius: 10px
                      box-shadow: '0px 5px 5px rgba(0,0,0,0.3)'
                      overflow: hidden
                    type: 'custom:card-modder'
                  - type: 'custom:mini-media-player'
                    entity: media_player.upstairs_speakers
                    max_volume: 50
                    group: true
                    hide:
                      power: true
                      mute: true
                      progress: true
                      volume: true
                      icon: true
                    shortcuts:
                      columns: 1
                      buttons:
                        - id: 'spotify:album:5CvI10y16ATzPfGt7SUhFH'
                          name: Sam Cooke At The Copa
                          type: playlist
                        - id: 'spotify:album:2m0W0n7zBYmRNs1QAgoa6Z'
                          name: Frank Sinatra At The Sands
                          type: playlist
                        - id: 'spotify:user:kickr:playlist:0yu8kQRLyh8wlnDJwWkH20'
                          name: Mexico Feels
                          type: playlist
                        - id: 'spotify:user:kickr:playlist:7LeMOhUgvoF9U8U7jFRwGM'
                          name: Hollywood Chill
                          type: playlist
                        - id: 'spotify:album:1k39wDj3JzRzt80EIPUyUR'
                          name: Julie London
                          type: playlist
                  - type: 'custom:mini-media-player'
                    artwork: none
                    entity: media_player.upstairs_speakers
                    icon: 'mdi:speaker'
                    max_volume: 50
                    group: true
                    hide:
                      info: true
                      controls: true
                      power: true
                      mute: true
                      progress: true
        type: vertical-stack
      - style:
          border-radius: 10px
          box-shadow: '0px 5px 5px rgba(0,0,0,0.3)'
        type: 'custom:card-modder'

Milithor · February 12, 2021, 7:38pm

I need help on this one as well …