From b60dc94196808cdc550cfbf55cb72d1a13770d04 Mon Sep 17 00:00:00 2001 From: Matthias de Baat Date: Thu, 12 Mar 2026 08:52:37 +0100 Subject: [PATCH] Add protocol logos (#30104) --- .../bluetooth/bluetooth-config-dashboard.ts | 22 +++++++++++++++++++ .../matter/matter-config-dashboard.ts | 22 +++++++++++++++++++ .../zha/zha-config-dashboard.ts | 22 +++++++++++++++++++ .../zwave_js/zwave_js-config-dashboard.ts | 22 +++++++++++++++++++ 4 files changed, 88 insertions(+) diff --git a/src/panels/config/integrations/integration-panels/bluetooth/bluetooth-config-dashboard.ts b/src/panels/config/integrations/integration-panels/bluetooth/bluetooth-config-dashboard.ts index f88bebbc3c..925311b886 100644 --- a/src/panels/config/integrations/integration-panels/bluetooth/bluetooth-config-dashboard.ts +++ b/src/panels/config/integrations/integration-panels/bluetooth/bluetooth-config-dashboard.ts @@ -32,6 +32,7 @@ import { getConfigEntries } from "../../../../../data/config_entries"; import "../../../../../layouts/hass-subpage"; import { haStyle } from "../../../../../resources/styles"; import type { HomeAssistant, Route } from "../../../../../types"; +import { brandsUrl } from "../../../../../util/brands-url"; @customElement("bluetooth-config-dashboard") export class BluetoothConfigDashboard extends LitElement { @@ -178,6 +179,20 @@ export class BluetoothConfigDashboard extends LitElement { )} + @@ -296,6 +311,13 @@ export class BluetoothConfigDashboard extends LitElement { column-gap: var(--ha-space-4); } + .network-status div.heading .logo { + height: 40px; + width: 40px; + margin-inline-start: auto; + object-fit: contain; + } + .network-status div.heading .icon { position: relative; border-radius: var(--ha-border-radius-2xl); diff --git a/src/panels/config/integrations/integration-panels/matter/matter-config-dashboard.ts b/src/panels/config/integrations/integration-panels/matter/matter-config-dashboard.ts index 862f68f816..a932f5bbb2 100644 --- a/src/panels/config/integrations/integration-panels/matter/matter-config-dashboard.ts +++ b/src/panels/config/integrations/integration-panels/matter/matter-config-dashboard.ts @@ -23,6 +23,7 @@ import { getConfigEntries } from "../../../../../data/config_entries"; import "../../../../../layouts/hass-subpage"; import { haStyle } from "../../../../../resources/styles"; import type { HomeAssistant } from "../../../../../types"; +import { brandsUrl } from "../../../../../util/brands-url"; const THREAD_ICON = "m 17.126982,8.0730792 c 0,-0.7297242 -0.593746,-1.32357 -1.323637,-1.32357 -0.729454,0 -1.323199,0.5938458 -1.323199,1.32357 v 1.3234242 l 1.323199,1.458e-4 c 0.729891,0 1.323637,-0.5937006 1.323637,-1.32357 z M 11.999709,0 C 5.3829818,0 0,5.3838955 0,12.001455 0,18.574352 5.3105455,23.927406 11.865164,24 V 12.012075 l -3.9275642,-2.91e-4 c -1.1669814,0 -2.1169453,0.949979 -2.1169453,2.118323 0,1.16718 0.9499639,2.116868 2.1169453,2.116868 v 2.615717 c -2.6093089,0 -4.732218,-2.12327 -4.732218,-4.732585 0,-2.61048 2.1229091,-4.7343308 4.732218,-4.7343308 l 3.9275642,5.82e-4 v -1.323279 c 0,-2.172296 1.766691,-3.9395777 3.938181,-3.9395777 2.171928,0 3.9392,1.7672817 3.9392,3.9395777 0,2.1721498 -1.767272,3.9395768 -3.9392,3.9395768 l -1.323199,-1.45e-4 V 23.744102 C 19.911127,22.597726 24,17.768833 24,12.001455 24,5.3838955 18.616727,0 11.999709,0 Z"; @@ -124,6 +125,20 @@ export class MatterConfigDashboard extends LitElement { })} + @@ -260,6 +275,13 @@ export class MatterConfigDashboard extends LitElement { column-gap: var(--ha-space-4); } + .network-status div.heading .logo { + height: 40px; + width: 40px; + margin-inline-start: auto; + object-fit: contain; + } + .network-status div.heading .icon { position: relative; border-radius: var(--ha-border-radius-2xl); diff --git a/src/panels/config/integrations/integration-panels/zha/zha-config-dashboard.ts b/src/panels/config/integrations/integration-panels/zha/zha-config-dashboard.ts index a3d0d06ad0..2ea210a1a9 100644 --- a/src/panels/config/integrations/integration-panels/zha/zha-config-dashboard.ts +++ b/src/panels/config/integrations/integration-panels/zha/zha-config-dashboard.ts @@ -39,6 +39,7 @@ import { showAlertDialog } from "../../../../../dialogs/generic/show-dialog-box" import "../../../../../layouts/hass-subpage"; import { haStyle } from "../../../../../resources/styles"; import type { HomeAssistant, Route } from "../../../../../types"; +import { brandsUrl } from "../../../../../util/brands-url"; import { fileDownload } from "../../../../../util/file_download"; @customElement("zha-config-dashboard") @@ -144,6 +145,20 @@ class ZHAConfigDashboard extends LitElement { : nothing} + @@ -466,6 +481,13 @@ class ZHAConfigDashboard extends LitElement { column-gap: var(--ha-space-4); } + .network-status div.heading .logo { + height: 40px; + width: 40px; + margin-inline-start: auto; + object-fit: contain; + } + .network-status div.heading .icon { position: relative; border-radius: var(--ha-border-radius-2xl); diff --git a/src/panels/config/integrations/integration-panels/zwave_js/zwave_js-config-dashboard.ts b/src/panels/config/integrations/integration-panels/zwave_js/zwave_js-config-dashboard.ts index 2e2e6ed389..5123050525 100644 --- a/src/panels/config/integrations/integration-panels/zwave_js/zwave_js-config-dashboard.ts +++ b/src/panels/config/integrations/integration-panels/zwave_js/zwave_js-config-dashboard.ts @@ -56,6 +56,7 @@ import "../../../../../layouts/hass-subpage"; import { SubscribeMixin } from "../../../../../mixins/subscribe-mixin"; import { haStyle } from "../../../../../resources/styles"; import type { HomeAssistant, Route } from "../../../../../types"; +import { brandsUrl } from "../../../../../util/brands-url"; import { fileDownload } from "../../../../../util/file_download"; import { showZWaveJSAddNodeDialog } from "./add-node/show-dialog-zwave_js-add-node"; import { showZWaveJSRemoveNodeDialog } from "./show-dialog-zwave_js-remove-node"; @@ -242,6 +243,20 @@ class ZWaveJSConfigDashboard extends SubscribeMixin(LitElement) { : nothing} + @@ -901,6 +916,13 @@ class ZWaveJSConfigDashboard extends SubscribeMixin(LitElement) { column-gap: var(--ha-space-4); } + .network-status div.heading .logo { + height: 40px; + width: 40px; + margin-inline-start: auto; + object-fit: contain; + } + .network-status div.heading .icon { position: relative; border-radius: var(--ha-border-radius-2xl);