jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-24 09:46:36 +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%;
}
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-label-text-transform: none;
@ -288,31 +288,31 @@ export class HaStateLabelBadge extends LitElement {
ha-label-badge.binary_sensor,
ha-label-badge.updater {
--ha-label-badge-color: var(--label-badge-blue, #039be5);
--ha-label-badge-color: var(--label-badge-blue);
}
.red {
--ha-label-badge-color: var(--label-badge-red, #df4c1e);
--ha-label-badge-color: var(--label-badge-red);
}
.blue {
--ha-label-badge-color: var(--label-badge-blue, #039be5);
--ha-label-badge-color: var(--label-badge-blue);
}
.green {
--ha-label-badge-color: var(--label-badge-green, #0da035);
--ha-label-badge-color: var(--label-badge-green);
}
.yellow {
--ha-label-badge-color: var(--label-badge-yellow, #f4b400);
--ha-label-badge-color: var(--label-badge-yellow);
}
.grey {
--ha-label-badge-color: var(--label-badge-grey, var(--paper-grey-500));
--ha-label-badge-color: var(--label-badge-grey);
}
.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;
/* for label-badge */
--label-badge-red: #DF4C1E;
--label-badge-blue: #039be5;
--label-badge-green: #0DA035;
--label-badge-yellow: #f4b400;
--label-badge-red: var(--error-color);
--label-badge-blue: var(--info-color);
--label-badge-green: var(--success-color);
--label-badge-yellow: var(--warning-color);
--label-badge-grey: #9e9e9e;
/* states icon */