Update background colors of navigation icons (#10691)

This commit is contained in:
Joakim Sørensen 2021-11-23 14:36:11 +01:00 committed by GitHub
parent 8533b90957
commit f833701e7c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 20 additions and 20 deletions

View File

@ -59,7 +59,7 @@ class HaConfigDashboard extends LitElement {
name: "Home Assistant Cloud", name: "Home Assistant Cloud",
info: this.cloudStatus, info: this.cloudStatus,
iconPath: mdiCloudLock, iconPath: mdiCloudLock,
iconColor: "#174B62", iconColor: "#3B808E",
}, },
]} ]}
></ha-config-navigation> ></ha-config-navigation>

View File

@ -46,7 +46,7 @@ export const configSections: { [name: string]: PageNavigation[] } = {
path: "/config/integrations", path: "/config/integrations",
translationKey: "ui.panel.config.integrations.caption", translationKey: "ui.panel.config.integrations.caption",
iconPath: mdiPuzzle, iconPath: mdiPuzzle,
iconColor: "#004E98", iconColor: "#2D338F",
core: true, core: true,
}, },
{ {
@ -54,7 +54,7 @@ export const configSections: { [name: string]: PageNavigation[] } = {
path: "/config/devices", path: "/config/devices",
translationKey: "ui.panel.config.devices.caption", translationKey: "ui.panel.config.devices.caption",
iconPath: mdiDevices, iconPath: mdiDevices,
iconColor: "#004E98", iconColor: "#2D338F",
core: true, core: true,
}, },
{ {
@ -62,7 +62,7 @@ export const configSections: { [name: string]: PageNavigation[] } = {
path: "/config/entities", path: "/config/entities",
translationKey: "ui.panel.config.entities.caption", translationKey: "ui.panel.config.entities.caption",
iconPath: mdiShape, iconPath: mdiShape,
iconColor: "#004E98", iconColor: "#2D338F",
core: true, core: true,
}, },
{ {
@ -70,7 +70,7 @@ export const configSections: { [name: string]: PageNavigation[] } = {
path: "/config/areas", path: "/config/areas",
translationKey: "ui.panel.config.areas.caption", translationKey: "ui.panel.config.areas.caption",
iconPath: mdiSofa, iconPath: mdiSofa,
iconColor: "#004E98", iconColor: "#2D338F",
core: true, core: true,
}, },
], ],
@ -80,28 +80,28 @@ export const configSections: { [name: string]: PageNavigation[] } = {
path: "/config/blueprint", path: "/config/blueprint",
translationKey: "ui.panel.config.blueprint.caption", translationKey: "ui.panel.config.blueprint.caption",
iconPath: mdiPaletteSwatch, iconPath: mdiPaletteSwatch,
iconColor: "#2A850E", iconColor: "#518C43",
}, },
{ {
component: "automation", component: "automation",
path: "/config/automation", path: "/config/automation",
translationKey: "ui.panel.config.automation.caption", translationKey: "ui.panel.config.automation.caption",
iconPath: mdiRobot, iconPath: mdiRobot,
iconColor: "#2A850E", iconColor: "#518C43",
}, },
{ {
component: "scene", component: "scene",
path: "/config/scene", path: "/config/scene",
translationKey: "ui.panel.config.scene.caption", translationKey: "ui.panel.config.scene.caption",
iconPath: mdiPalette, iconPath: mdiPalette,
iconColor: "#2A850E", iconColor: "#518C43",
}, },
{ {
component: "script", component: "script",
path: "/config/script", path: "/config/script",
translationKey: "ui.panel.config.script.caption", translationKey: "ui.panel.config.script.caption",
iconPath: mdiScriptText, iconPath: mdiScriptText,
iconColor: "#2A850E", iconColor: "#518C43",
}, },
], ],
helpers: [ helpers: [
@ -110,7 +110,7 @@ export const configSections: { [name: string]: PageNavigation[] } = {
path: "/config/helpers", path: "/config/helpers",
translationKey: "ui.panel.config.helpers.caption", translationKey: "ui.panel.config.helpers.caption",
iconPath: mdiTools, iconPath: mdiTools,
iconColor: "#7209EB", iconColor: "#4D2EA4",
core: true, core: true,
}, },
], ],
@ -120,14 +120,14 @@ export const configSections: { [name: string]: PageNavigation[] } = {
path: "/config/tags", path: "/config/tags",
translationKey: "ui.panel.config.tag.caption", translationKey: "ui.panel.config.tag.caption",
iconPath: mdiNfcVariant, iconPath: mdiNfcVariant,
iconColor: "#DF8E44", iconColor: "#616161",
}, },
{ {
component: "energy", component: "energy",
path: "/config/energy", path: "/config/energy",
translationKey: "ui.panel.config.energy.caption", translationKey: "ui.panel.config.energy.caption",
iconPath: mdiLightningBolt, iconPath: mdiLightningBolt,
iconColor: "#578681", iconColor: "#F1C447",
}, },
], ],
lovelace: [ lovelace: [
@ -136,7 +136,7 @@ export const configSections: { [name: string]: PageNavigation[] } = {
path: "/config/lovelace/dashboards", path: "/config/lovelace/dashboards",
translationKey: "ui.panel.config.lovelace.caption", translationKey: "ui.panel.config.lovelace.caption",
iconPath: mdiViewDashboard, iconPath: mdiViewDashboard,
iconColor: "#D81159", iconColor: "#B1345C",
}, },
], ],
persons: [ persons: [
@ -145,21 +145,21 @@ export const configSections: { [name: string]: PageNavigation[] } = {
path: "/config/person", path: "/config/person",
translationKey: "ui.panel.config.person.caption", translationKey: "ui.panel.config.person.caption",
iconPath: mdiAccount, iconPath: mdiAccount,
iconColor: "#0A4BF0", iconColor: "#E48629",
}, },
{ {
component: "zone", component: "zone",
path: "/config/zone", path: "/config/zone",
translationKey: "ui.panel.config.zone.caption", translationKey: "ui.panel.config.zone.caption",
iconPath: mdiMapMarkerRadius, iconPath: mdiMapMarkerRadius,
iconColor: "#0A4BF0", iconColor: "#E48629",
}, },
{ {
component: "users", component: "users",
path: "/config/users", path: "/config/users",
translationKey: "ui.panel.config.users.caption", translationKey: "ui.panel.config.users.caption",
iconPath: mdiBadgeAccountHorizontal, iconPath: mdiBadgeAccountHorizontal,
iconColor: "#0A4BF0", iconColor: "#E48629",
core: true, core: true,
advancedOnly: true, advancedOnly: true,
}, },
@ -170,7 +170,7 @@ export const configSections: { [name: string]: PageNavigation[] } = {
path: "/config/core", path: "/config/core",
translationKey: "ui.panel.config.core.caption", translationKey: "ui.panel.config.core.caption",
iconPath: mdiHomeAssistant, iconPath: mdiHomeAssistant,
iconColor: "#8F2D56", iconColor: "#4A5963",
core: true, core: true,
}, },
{ {
@ -178,7 +178,7 @@ export const configSections: { [name: string]: PageNavigation[] } = {
path: "/config/server_control", path: "/config/server_control",
translationKey: "ui.panel.config.server_control.caption", translationKey: "ui.panel.config.server_control.caption",
iconPath: mdiServer, iconPath: mdiServer,
iconColor: "#8F2D56", iconColor: "#4A5963",
core: true, core: true,
}, },
{ {
@ -186,7 +186,7 @@ export const configSections: { [name: string]: PageNavigation[] } = {
path: "/config/logs", path: "/config/logs",
translationKey: "ui.panel.config.logs.caption", translationKey: "ui.panel.config.logs.caption",
iconPath: mdiMathLog, iconPath: mdiMathLog,
iconColor: "#8F2D56", iconColor: "#4A5963",
core: true, core: true,
}, },
{ {
@ -194,7 +194,7 @@ export const configSections: { [name: string]: PageNavigation[] } = {
path: "/config/info", path: "/config/info",
translationKey: "ui.panel.config.info.caption", translationKey: "ui.panel.config.info.caption",
iconPath: mdiInformation, iconPath: mdiInformation,
iconColor: "#8F2D56", iconColor: "#4A5963",
core: true, core: true,
}, },
], ],