Home-Assistant/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2026-04-02 00:27:49 +01:00
Code Activity

Use ha-card-border-color for integration cards instead of divider-color (#51321)

Browse Source
This commit is contained in:
Petar Petrov
2026-04-01 11:13:24 +02:00
committed by GitHub
parent 7c20316ba5
commit b8d08ccb05
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/panels/config/integrations/ha-integration-card.ts
View File

@@ -292,7 +292,6 @@ export class HaIntegrationCard extends LitElement {
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
--state-color: var(--divider-color, #e0e0e0); --state-color: var(--divider-color, #e0e0e0);
--ha-card-border-color: var(--state-color);
--state-message-color: var(--state-color); --state-message-color: var(--state-color);
} }
.ripple-anchor { .ripple-anchor {
@@ -318,19 +317,23 @@ export class HaIntegrationCard extends LitElement {
} }
.debug-logging { .debug-logging {
--state-color: var(--warning-color); --state-color: var(--warning-color);
--ha-card-border-color: var(--state-color);
--text-on-state-color: var(--primary-text-color); --text-on-state-color: var(--primary-text-color);
} }
.state-error { .state-error {
--state-color: var(--error-color); --state-color: var(--error-color);
--ha-card-border-color: var(--state-color);
--text-on-state-color: var(--text-primary-color); --text-on-state-color: var(--text-primary-color);
} }
.state-failed-unload { .state-failed-unload {
--state-color: var(--warning-color); --state-color: var(--warning-color);
--ha-card-border-color: var(--state-color);
--text-on-state-color: var(--primary-text-color); --text-on-state-color: var(--primary-text-color);
} }
.state-not-loaded { .state-not-loaded {
opacity: 0.8; opacity: 0.8;
--state-color: var(--warning-color); --state-color: var(--warning-color);
--ha-card-border-color: var(--state-color);
--state-message-color: var(--primary-text-color); --state-message-color: var(--primary-text-color);
} }
.state-setup { .state-setup {
@@ -339,6 +342,7 @@ export class HaIntegrationCard extends LitElement {
} }
:host(.highlight) ha-card { :host(.highlight) ha-card {
--state-color: var(--primary-color); --state-color: var(--primary-color);
--ha-card-border-color: var(--state-color);
--text-on-state-color: var(--text-primary-color); --text-on-state-color: var(--text-primary-color);
} }
.content { .content {