From f833701e7cb0ff420b3c7be0b71c99cd489e2187 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20S=C3=B8rensen?= <joasoe@gmail.com>
Date: Tue, 23 Nov 2021 14:36:11 +0100
Subject: [PATCH] Update background colors of navigation icons (#10691)

---
 .../config/dashboard/ha-config-dashboard.ts   |  2 +-
 src/panels/config/ha-panel-config.ts          | 38 +++++++++----------
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/panels/config/dashboard/ha-config-dashboard.ts b/src/panels/config/dashboard/ha-config-dashboard.ts
index 5f0138dc48..27bdca32a7 100644
--- a/src/panels/config/dashboard/ha-config-dashboard.ts
+++ b/src/panels/config/dashboard/ha-config-dashboard.ts
@@ -59,7 +59,7 @@ class HaConfigDashboard extends LitElement {
                     name: "Home Assistant Cloud",
                     info: this.cloudStatus,
                     iconPath: mdiCloudLock,
-                    iconColor: "#174B62",
+                    iconColor: "#3B808E",
                   },
                 ]}
               ></ha-config-navigation>
diff --git a/src/panels/config/ha-panel-config.ts b/src/panels/config/ha-panel-config.ts
index 1a7b21f334..043f9d84ec 100644
--- a/src/panels/config/ha-panel-config.ts
+++ b/src/panels/config/ha-panel-config.ts
@@ -46,7 +46,7 @@ export const configSections: { [name: string]: PageNavigation[] } = {
       path: "/config/integrations",
       translationKey: "ui.panel.config.integrations.caption",
       iconPath: mdiPuzzle,
-      iconColor: "#004E98",
+      iconColor: "#2D338F",
       core: true,
     },
     {
@@ -54,7 +54,7 @@ export const configSections: { [name: string]: PageNavigation[] } = {
       path: "/config/devices",
       translationKey: "ui.panel.config.devices.caption",
       iconPath: mdiDevices,
-      iconColor: "#004E98",
+      iconColor: "#2D338F",
       core: true,
     },
     {
@@ -62,7 +62,7 @@ export const configSections: { [name: string]: PageNavigation[] } = {
       path: "/config/entities",
       translationKey: "ui.panel.config.entities.caption",
       iconPath: mdiShape,
-      iconColor: "#004E98",
+      iconColor: "#2D338F",
       core: true,
     },
     {
@@ -70,7 +70,7 @@ export const configSections: { [name: string]: PageNavigation[] } = {
       path: "/config/areas",
       translationKey: "ui.panel.config.areas.caption",
       iconPath: mdiSofa,
-      iconColor: "#004E98",
+      iconColor: "#2D338F",
       core: true,
     },
   ],
@@ -80,28 +80,28 @@ export const configSections: { [name: string]: PageNavigation[] } = {
       path: "/config/blueprint",
       translationKey: "ui.panel.config.blueprint.caption",
       iconPath: mdiPaletteSwatch,
-      iconColor: "#2A850E",
+      iconColor: "#518C43",
     },
     {
       component: "automation",
       path: "/config/automation",
       translationKey: "ui.panel.config.automation.caption",
       iconPath: mdiRobot,
-      iconColor: "#2A850E",
+      iconColor: "#518C43",
     },
     {
       component: "scene",
       path: "/config/scene",
       translationKey: "ui.panel.config.scene.caption",
       iconPath: mdiPalette,
-      iconColor: "#2A850E",
+      iconColor: "#518C43",
     },
     {
       component: "script",
       path: "/config/script",
       translationKey: "ui.panel.config.script.caption",
       iconPath: mdiScriptText,
-      iconColor: "#2A850E",
+      iconColor: "#518C43",
     },
   ],
   helpers: [
@@ -110,7 +110,7 @@ export const configSections: { [name: string]: PageNavigation[] } = {
       path: "/config/helpers",
       translationKey: "ui.panel.config.helpers.caption",
       iconPath: mdiTools,
-      iconColor: "#7209EB",
+      iconColor: "#4D2EA4",
       core: true,
     },
   ],
@@ -120,14 +120,14 @@ export const configSections: { [name: string]: PageNavigation[] } = {
       path: "/config/tags",
       translationKey: "ui.panel.config.tag.caption",
       iconPath: mdiNfcVariant,
-      iconColor: "#DF8E44",
+      iconColor: "#616161",
     },
     {
       component: "energy",
       path: "/config/energy",
       translationKey: "ui.panel.config.energy.caption",
       iconPath: mdiLightningBolt,
-      iconColor: "#578681",
+      iconColor: "#F1C447",
     },
   ],
   lovelace: [
@@ -136,7 +136,7 @@ export const configSections: { [name: string]: PageNavigation[] } = {
       path: "/config/lovelace/dashboards",
       translationKey: "ui.panel.config.lovelace.caption",
       iconPath: mdiViewDashboard,
-      iconColor: "#D81159",
+      iconColor: "#B1345C",
     },
   ],
   persons: [
@@ -145,21 +145,21 @@ export const configSections: { [name: string]: PageNavigation[] } = {
       path: "/config/person",
       translationKey: "ui.panel.config.person.caption",
       iconPath: mdiAccount,
-      iconColor: "#0A4BF0",
+      iconColor: "#E48629",
     },
     {
       component: "zone",
       path: "/config/zone",
       translationKey: "ui.panel.config.zone.caption",
       iconPath: mdiMapMarkerRadius,
-      iconColor: "#0A4BF0",
+      iconColor: "#E48629",
     },
     {
       component: "users",
       path: "/config/users",
       translationKey: "ui.panel.config.users.caption",
       iconPath: mdiBadgeAccountHorizontal,
-      iconColor: "#0A4BF0",
+      iconColor: "#E48629",
       core: true,
       advancedOnly: true,
     },
@@ -170,7 +170,7 @@ export const configSections: { [name: string]: PageNavigation[] } = {
       path: "/config/core",
       translationKey: "ui.panel.config.core.caption",
       iconPath: mdiHomeAssistant,
-      iconColor: "#8F2D56",
+      iconColor: "#4A5963",
       core: true,
     },
     {
@@ -178,7 +178,7 @@ export const configSections: { [name: string]: PageNavigation[] } = {
       path: "/config/server_control",
       translationKey: "ui.panel.config.server_control.caption",
       iconPath: mdiServer,
-      iconColor: "#8F2D56",
+      iconColor: "#4A5963",
       core: true,
     },
     {
@@ -186,7 +186,7 @@ export const configSections: { [name: string]: PageNavigation[] } = {
       path: "/config/logs",
       translationKey: "ui.panel.config.logs.caption",
       iconPath: mdiMathLog,
-      iconColor: "#8F2D56",
+      iconColor: "#4A5963",
       core: true,
     },
     {
@@ -194,7 +194,7 @@ export const configSections: { [name: string]: PageNavigation[] } = {
       path: "/config/info",
       translationKey: "ui.panel.config.info.caption",
       iconPath: mdiInformation,
-      iconColor: "#8F2D56",
+      iconColor: "#4A5963",
       core: true,
     },
   ],