Fix more info header color and page background color (#5716)

This commit is contained in:
Bram Kragten 2020-05-02 19:51:10 +02:00 committed by GitHub
parent 7fdd525dac
commit 8f2a7c95b3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 4 deletions

View File

@ -41,8 +41,8 @@ class HaMoreInfoDialog extends DialogMixin(PolymerElement) {
/* overrule the ha-style-dialog max-height on small screens */
@media all and (max-width: 450px), all and (max-height: 500px) {
more-info-controls {
--more-info-header-background: var(--primary-color);
--more-info-header-color: var(--text-primary-color);
--more-info-header-background: var(--app-header-background-color);
--more-info-header-color: var(--app-header-text-color, white);
}
:host {
width: 100% !important;

View File

@ -51,6 +51,9 @@
height: 112px;
background-color: #THEMEC;
}
html {
background-color: var(--primary-background-color, #fafafa);
}
</style>
</head>
<body>

View File

@ -264,8 +264,8 @@ export class DialogEntityEditor extends LitElement {
/* overrule the ha-style-dialog max-height on small screens */
@media all and (max-width: 450px), all and (max-height: 500px) {
app-toolbar {
background-color: var(--primary-color);
color: var(--text-primary-color);
background-color: var(--app-header-background-color);
color: var(--app-header-text-color, white);
}
ha-paper-dialog {
height: 100%;