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

Add theme variables for text of picture cards (#8022)

Browse Source
This commit is contained in:
Marc Randolph 2021-02-25 09:47:33 -06:00 committed by GitHub
parent 60bf1a5451
commit 9414f89e50
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/panels/lovelace/cards/hui-picture-entity-card.ts
View File

@ -199,11 +199,11 @@ class HuiPictureEntityCard extends LitElement implements LovelaceCard {
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background-color: rgba(0, 0, 0, 0.3); background-color: var(--ha-picture-card-background-color, rgba(0, 0, 0, 0.3));
padding: 16px; padding: 16px;
font-size: 16px; font-size: 16px;
line-height: 16px; line-height: 16px;
color: white; color: var(--ha-picture-card-text-color, white);
} }
.both { .both {

8
src/panels/lovelace/cards/hui-picture-glance-card.ts
View File

@ -314,11 +314,11 @@ class HuiPictureGlanceCard extends LitElement implements LovelaceCard {
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background-color: rgba(0, 0, 0, 0.3); background-color: var(--ha-picture-card-background-color, rgba(0, 0, 0, 0.3));
padding: 4px 8px; padding: 4px 8px;
font-size: 16px; font-size: 16px;
line-height: 40px; line-height: 40px;
color: white; color: var(--ha-picture-card-text-color, white);
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-direction: row; flex-direction: row;
@ -332,11 +332,11 @@ class HuiPictureGlanceCard extends LitElement implements LovelaceCard {
ha-icon-button { ha-icon-button {
--mdc-icon-button-size: 40px; --mdc-icon-button-size: 40px;
--disabled-text-color: currentColor; --disabled-text-color: currentColor;
color: #a9a9a9; color: var(--ha-picture-icon-button-color, #a9a9a9);
} }
ha-icon-button.state-on { ha-icon-button.state-on {
color: white; color: var(--ha-picture-icon-button-on-color, white);
} }
.state { .state {
display: block; display: block;