Use tile style as default style for mushroom card

[piitaya]

Description

Use same font style as tile card
Use same color code as tile card
Use same icon size as tile card

All these variables are still editable using themes.

Related Issue

Fixes part of issue : #1259

This PR fixes or closes issue: fixes #

Motivation and Context

How Has This Been Tested

Types of changes

• 🐛 Bug fix (non-breaking change which fixes an issue)
• 🚀 New feature (non-breaking change which adds functionality)
• 🌎 Translation (addition or update a translation)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

Checklist

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have tested the change locally.
• I followed the steps if I add a new language .

[robertboccia]

Seems to have effected card mod, using primary-text-color has stopped working

[SupiTrobi]

Can confirmthat. Same effect on my side.

[piitaya]

You have to use --card-secondary-color and --card-primary-color to color the text after the update.

[SupiTrobi]

Thx for the info

[SupiTrobi]

To make it more precise to others using card_mod
OLD (not working)

mushroom-state-info$: |
  .container {
   --card-secondary-font-size: 30px;
   --card-primary-font-size: 20px;
   --primary-text-color: orange;
   --secondary-text-color: red;
  }

NEW:

ha-card {
    --card-primary-color: red;
    --card-secondary-color: yellow;
    --card-primary-font-size: 50px;
    --card-secondary-font-size: 15px;
}

Also found just out that text-align: center; needs to go there as well.

[dnestico]

NEW:

ha-card {
    --card-primary-color: red;
    --card-secondary-color: yellow;
    --card-primary-font-size: 50px;
    --card-secondary-font-size: 15px;
}

I know this issue is closed but this isn't working for me with the mushroom title card

      - type: custom:mushroom-title-card
        title: |
          Now playing {{states.sensor.davidnestico_status.attributes.name}}
        subtitle: |
          {{states.sensor.davidnestico_status.attributes.content_rating}}
        card_mod:
          style: |
            ha-card {
              --card-primary-color: black;
              --card-secondary-color: grey;
            }

[piitaya]

This workaround is for regular cards, not for title card.