Customisable font sizes for card title, entities and target temperature.

[aheath70]

Like this card way better than the stock thermostat card - awesome work.
I would really like to be able to customise the font sizes used. The card title and target temperature are quite large and the custom entities (like current temp) are a little too small.

[nervetattoo]

Let me know if the docs added in 0.23 is sufficient. It also moves the sensor values font size into a CSS var while also slightly increasing that font size as I realised I agreed that it was a teeny weeny bit small :)

[aheath70]

I have no the slightest idea how to use these. Could you supply an example of how to use these variables to modify the styling of the card? Or do I need to create a whole new theme for this? Sorry for the NOOB reply.

…

------------------- Andrew Heath

________________________________ From: Raymond Julin <notifications@github.com> Sent: 18 May 2019 4:30 PM To: nervetattoo/simple-thermostat Cc: aheath70; Author Subject: Re: [nervetattoo/simple-thermostat] Customisable font sizes for card title, entities and target temperature. (#48) Let me know if the docs added in 0.23 is sufficient. It also moves the sensor values font size into a CSS var while also slightly increasing that font size as I realised I agreed that it was a teeny weeny bit small :) — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub<#48?email_source=notifications&email_token=ALOKK3D22TDGZCZBLDB4DN3PV6O73A5CNFSM4HEQS55KYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODVWIWFA#issuecomment-493652756>, or mute the thread<https://github.com/notifications/unsubscribe-auth/ALOKK3FIFPX6EEWYS4W5IWTPV6O73ANCNFSM4HEQS55A>.

[flyboy013]

I'm trying to change the size of the target temperature. The documentation update helped, but I wasn't successful. I tried wrapping the simple-thermostat card in card-modder to change the font size, but this didn't work. Can you provide insight or example?

      - type: custom:card-modder
        style:
          --paper-font-display3_-_font-size: 32px
        card:
          type: 'custom:simple-thermostat'
          name: Living Room
          entity: climate.living_room

[nervetattoo]

You need to change the vars listed in the first column in the docs. Like this for example:

type: custom:card-modder
style:
  --st-font-size-xl: 20px
card:
  type: custom:simple-thermostat

How can I make this clearer? Should I just remove the default value or move it as the last column instead?

[flyboy013]

The card-modder examples show settings "paper..." values

- type: custom:card-modder
  style:
    --paper-card-background-color: rgba(0, 100, 0, 0.2)
    --paper-item-icon-color: white

which is what threw my for a loop when I saw those variables in your documentation. A simple example in the documentation such as what you provided in your reply would go along way.

Thanks again for the wonderful card!

[aheath70]

Updates the documentation make it very clear. Thanks for that. Also thanks for the awesome card.