Use app header color as default selected tab color + allow styling (#8227)

This commit is contained in:
Philip Allgaier 2021-01-25 10:53:53 +01:00 committed by GitHub
parent 831b9da0cf
commit 748a05f355
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 2 deletions

View File

@ -109,7 +109,10 @@ class PanelDeveloperTools extends LitElement {
ha-tabs { ha-tabs {
margin-left: max(env(safe-area-inset-left), 24px); margin-left: max(env(safe-area-inset-left), 24px);
margin-right: max(env(safe-area-inset-right), 24px); margin-right: max(env(safe-area-inset-right), 24px);
--paper-tabs-selection-bar-color: var(--text-primary-color, #fff); --paper-tabs-selection-bar-color: var(
--app-header-selection-bar-color,
var(--app-header-text-color, #fff)
);
text-transform: uppercase; text-transform: uppercase;
} }
`, `,

View File

@ -806,7 +806,10 @@ class HUIRoot extends LitElement {
} }
ha-tabs, ha-tabs,
paper-tabs { paper-tabs {
--paper-tabs-selection-bar-color: var(--text-primary-color, #fff); --paper-tabs-selection-bar-color: var(
--app-header-selection-bar-color,
var(--app-header-text-color, #fff)
);
text-transform: uppercase; text-transform: uppercase;
} }