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

Improve heading card style and add theme variables (#22129)

Browse Source 
improve heading card style and add theme variables
This commit is contained in:
Paul Bottein 2024-09-27 13:45:18 +02:00 committed by GitHub
parent 4e8b58cd6c
commit 442a8f11a7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/panels/lovelace/cards/hui-heading-card.ts
View File

@ -171,12 +171,12 @@ export class HuiHeadingCard extends LitElement implements LovelaceCard {
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
color: var(--primary-text-color); color: var(--ha-heading-card-title-color, var(--primary-text-color));
font-size: 16px; font-size: var(--ha-heading-card-title-font-size, 16px);
font-weight: 500; font-weight: var(--ha-heading-card-title-font-weight, 400);
line-height: 24px; line-height: var(--ha-heading-card-title-line-height, 24px);
letter-spacing: 0.1px; letter-spacing: 0.1px;
--mdc-icon-size: 16px; --mdc-icon-size: 18px;
} }
.content ha-icon, .content ha-icon,
.content ha-icon-next { .content ha-icon-next {
@ -194,10 +194,13 @@ export class HuiHeadingCard extends LitElement implements LovelaceCard {
min-width: 0; min-width: 0;
} }
.content.subtitle { .content.subtitle {
color: var(--secondary-text-color); color: var(
font-size: 14px; --ha-heading-card-subtitle-color,
font-weight: 500; var(--secondary-text-color)
line-height: 20px; );
font-size: var(--ha-heading-card-subtitle-font-size, 14px);
font-weight: var(--ha-heading-card-subtitle-font-weight, 500);
line-height: var(--ha-heading-card-subtitle-line-height, 20px);
} }
.badges { .badges {
display: flex; display: flex;