Entity card + README updates

Entity card + README updates

Just some updates in the theme. Also updates the README to collapse some and add more.

Fan spinning

Fan spinning

This adds an animation to fans that are on.

Entity card and gauge card fixes

Changes:

• Add styling for entity card
• Make gauge card's gauge background white

README updates, move around entities top toggle

• I've changed header to match, remove Note: I've changed the theme so the header's background is black instead of purple since this screenshot was taken.
• Move entities card top toggle around to align with other toggles

Entities card fixes

Entities card fixes

• Add padding to header/footer
• Restructure display and add more types

       ha-card > #states > div > * {
-        display: block;
         padding-top: 8px;
         padding-bottom: 8px;
         width: 95%;
         margin: 0 auto 0 5px;
       }
-      ha-card > #states > div > hui-button-row, hui-input-select-entity-row {
-        display: flex;
+      ha-card > #states > div > *:not(hui-button-row):not(hui-input-select-entity-row):not(hui-input-number-entity-row):not(hui-input-text-entity-row) {
+        display: block;
       }

Various bug fixes

Various bug fixes

Changes:

• Border radius smaller, to match N-l1's soft ui

-  ha-card-border-radius: '18px'
+  ha-card-border-radius: '15px'

• Vacuum card darken text

+      ha-card.type-custom-vacuum-card > .preview > .header > .battery > ha-icon {
+        color: var(--primary-text-color);
+      }
+      ha-card.type-custom-vacuum-card > .preview > .metadata > .vacuum-name {
+        color: var(--primary-text-color);
+      }

• Don't mess up inline buttons and selectors

+      ha-card > #states > div > hui-button-row, hui-input-select-entity-row {
+        display: flex;
+      }

• Treat header/footer as own card

-      ha-card > #states {
+      ha-card > #states, .header-footer {
         box-shadow: -8px -8px 8px 0 rgba(255,255,255,.5),8px 8px 8px 0 rgba(0,0,0,.03);

Custom card tweaks

This makes a couple of card-specific tweaks, for bar-card and vacuum-card.

README updates, tweaks and fixes

What's changed:

• Add notes on how the styles work
• Don't apply styling to mod-card
• Change .card-content to #states
• Make badges use 90% of width instead of 95%
• Make margin 1 line instead of 2

README updates, and thinner box shadow

Just updating the README.
Also, just in case the cards are too tight (because I don't have control of margins outside of the dashboard), this makes the shadow thinner.

Soft UI on more stuff

I spent a bit of time in inspect element, and I found out how to make all cards use a soft ui look, even the non-dashboard ones (like the ones in config).