jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-28 03:36:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/dialogs/ha-more-info-dialog.js
View File

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

3
src/html/index.html.template
View File

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

4
src/panels/config/entities/dialog-entity-editor.ts
View File

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