jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-25 18:26:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make badge colors use the generic error/warning/success/info colors (#14728)

Browse Source
This commit is contained in:
Philip Allgaier 2023-05-31 12:44:48 +02:00 committed by GitHub
parent 881f5e5012
commit 872d3e4875
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/entity/ha-state-label-badge.ts
View File

@ -280,7 +280,7 @@ export class HaStateLabelBadge extends LitElement {
font-size: 70%; font-size: 70%;
} }
ha-label-badge { ha-label-badge {
--ha-label-badge-color: var(--label-badge-red, #df4c1e); --ha-label-badge-color: var(--label-badge-red);
} }
ha-label-badge.has-unit_of_measurement { ha-label-badge.has-unit_of_measurement {
--ha-label-badge-label-text-transform: none; --ha-label-badge-label-text-transform: none;
@ -288,31 +288,31 @@ export class HaStateLabelBadge extends LitElement {
ha-label-badge.binary_sensor, ha-label-badge.binary_sensor,
ha-label-badge.updater { ha-label-badge.updater {
--ha-label-badge-color: var(--label-badge-blue, #039be5); --ha-label-badge-color: var(--label-badge-blue);
} }
.red { .red {
--ha-label-badge-color: var(--label-badge-red, #df4c1e); --ha-label-badge-color: var(--label-badge-red);
} }
.blue { .blue {
--ha-label-badge-color: var(--label-badge-blue, #039be5); --ha-label-badge-color: var(--label-badge-blue);
} }
.green { .green {
--ha-label-badge-color: var(--label-badge-green, #0da035); --ha-label-badge-color: var(--label-badge-green);
} }
.yellow { .yellow {
--ha-label-badge-color: var(--label-badge-yellow, #f4b400); --ha-label-badge-color: var(--label-badge-yellow);
} }
.grey { .grey {
--ha-label-badge-color: var(--label-badge-grey, var(--paper-grey-500)); --ha-label-badge-color: var(--label-badge-grey);
} }
.warning { .warning {
--ha-label-badge-color: var(--label-badge-yellow, #f4b400); --ha-label-badge-color: var(--label-badge-yellow);
} }
`; `;
} }

8
src/resources/ha-style.ts
View File

@ -50,10 +50,10 @@ documentContainer.innerHTML = `<custom-style>
--header-height: 56px; --header-height: 56px;
/* for label-badge */ /* for label-badge */
--label-badge-red: #DF4C1E; --label-badge-red: var(--error-color);
--label-badge-blue: #039be5; --label-badge-blue: var(--info-color);
--label-badge-green: #0DA035; --label-badge-green: var(--success-color);
--label-badge-yellow: #f4b400; --label-badge-yellow: var(--warning-color);
--label-badge-grey: #9e9e9e; --label-badge-grey: #9e9e9e;
/* states icon */ /* states icon */