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

This commit is contained in:
Carlos Gustavo Sarmiento
2019-11-25 17:37:33 +01:00
committed by Bram Kragten
parent 8ef15c50b4
commit e4c635c855
2 changed files with 6 additions and 2 deletions
+4
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>
+2 -2
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],