add theme customization

piitaya · Feb 6, 2022 · fa4852a · fa4852a
1 parent 7a60ff5
commit fa4852a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/src/utils/card-styles.ts b/src/utils/card-styles.ts
@@ -8,11 +8,11 @@ export const cardStyle = css`
         --title-padding: var(--mush-title-padding, 12px);
         --title-spacing: var(--mush-title-spacing, 12px);
         --title-font-size: var(--mush-title-font-size, 24px);
-        --title-font-weight: var(--mush-title-font-size, normal);
-        --title-line-height: var(---mush-title-line-height, 1.2);
+        --title-font-weight: var(--mush-title-font-weight, normal);
+        --title-line-height: var(--mush-title-line-height, 1.2);
         --subtitle-font-size: var(--mush-subtitle-font-size, 16px);
         --subtitle-font-weight: var(--mush-subtitle-font-weight, normal);
-        --subtitle-line-height: var(---mush-subtitle-line-height, 1.2);
+        --subtitle-line-height: var(--mush-subtitle-line-height, 1.2);
     }
     ha-card {
         height: 100%;

diff --git a/themes/mushroom.yaml b/themes/mushroom.yaml
@@ -2,6 +2,14 @@ Mushroom:
     ha-card-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.16)
     ha-card-border-radius: 12px
     mush-spacing: 12px
+    mush-title-padding: 12px
+    mush-title-spacing: 12px
+    mush-title-font-size: 24px
+    mush-title-font-size: normal
+    mush-title-line-height: 1.2
+    mush-subtitle-font-size: 16px
+    mush-subtitle-font-weight: normal
+    mush-subtitle-line-height: 1.2
     mush-rgb-red: 244, 67, 54
     mush-rgb-pink: 233, 30, 99
     mush-rgb-purple: 156, 39, 176