Added new CSS property for styling of the app-header component (#4269)

This commit is contained in:
Carlos Gustavo Sarmiento 2019-11-25 09:37:33 -07:00 committed by Bram Kragten
parent 8ef15c50b4
commit e4c635c855
2 changed files with 6 additions and 2 deletions

View File

@ -145,6 +145,10 @@ documentContainer.innerHTML = `<custom-style>
--mdc-theme-on-primary: var(--text-primary-color);
--mdc-theme-on-secondary: var(--text-primary-color);
--mdc-theme-on-surface: var(--primary-text-color);
/* app header background color */
--app-header-text-color: var(--text-primary-color)
--app-header-background-color: var(--primary-color)
}
</style>

View File

@ -12,9 +12,9 @@ export const haStyle = css`
app-header,
app-toolbar {
background-color: var(--primary-color);
background-color: var(--app-header-background-color);
font-weight: 400;
color: var(--text-primary-color, white);
color: var(--app-header-text-color, white);
}
app-toolbar ha-menu-button + [main-title],