From 92521d456504f7d1b8d9262b5d5f4307e8551c00 Mon Sep 17 00:00:00 2001
From: emufan <emufan@users.noreply.github.com>
Date: Mon, 28 Apr 2025 16:20:05 +0200
Subject: [PATCH] Themeable badge icon size and badge font size (#25185)

Co-authored-by: Wendelin <12148533+wendevlin@users.noreply.github.com>
---
 src/components/ha-badge.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ha-badge.ts b/src/components/ha-badge.ts
index ad6fe7cd79..b4644921d5 100644
--- a/src/components/ha-badge.ts
+++ b/src/components/ha-badge.ts
@@ -103,7 +103,7 @@ export class HaBadge extends LitElement {
       color: var(--secondary-text-color);
     }
     .content {
-      font-size: 12px;
+      font-size: var(--ha-font-size-badge, var(--ha-font-size-s));
       font-style: normal;
       font-weight: 500;
       line-height: 16px;
@@ -111,7 +111,7 @@ export class HaBadge extends LitElement {
       color: var(--primary-text-color);
     }
     ::slotted([slot="icon"]) {
-      --mdc-icon-size: 18px;
+      --mdc-icon-size: var(--ha-icon-size-badge, 18px);
       color: var(--badge-color);
       line-height: 0;
       margin-left: -4px;