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

Fix white flash in dark mode (#6815)

Browse Source
This commit is contained in:
Bram Kragten 2020-09-07 18:19:28 +02:00 committed by GitHub
parent bb2462483e
commit e5c386c39a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -48,7 +48,7 @@
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
html { html {
background-color: var(--primary-background-color, #111111); background-color: #111111;
} }
#ha-init-skeleton::before { #ha-init-skeleton::before {
background-color: #1c1c1c; background-color: #1c1c1c;

12
src/state/themes-mixin.ts
View File

@ -88,9 +88,15 @@ export default <T extends Constructor<HassBaseEl>>(superClass: T) =>
} }
const themeMeta = document.querySelector("meta[name=theme-color]"); const themeMeta = document.querySelector("meta[name=theme-color]");
const headerColor = getComputedStyle( const computedStyles = getComputedStyle(document.documentElement);
document.documentElement const headerColor = computedStyles.getPropertyValue(
).getPropertyValue("--app-header-background-color"); "--app-header-background-color"
);
document.documentElement.style.backgroundColor = computedStyles.getPropertyValue(
"--primary-background-color"
);
if (themeMeta) { if (themeMeta) {
if (!themeMeta.hasAttribute("default-content")) { if (!themeMeta.hasAttribute("default-content")) {
themeMeta.setAttribute( themeMeta.setAttribute(