Fix onboarding dark styles (#9040)

This commit is contained in:
Bram Kragten 2021-04-29 17:55:45 +02:00 committed by GitHub
parent 2e51da32f0
commit 65a30bf60c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -2,7 +2,11 @@
<html> <html>
<head> <head>
<title>Home Assistant</title> <title>Home Assistant</title>
<link rel="modulepreload" href="<%= latestPageJS %>" crossorigin="use-credentials" /> <link
rel="modulepreload"
href="<%= latestPageJS %>"
crossorigin="use-credentials"
/>
<%= renderTemplate('_header') %> <%= renderTemplate('_header') %>
<style> <style>
html { html {
@ -15,8 +19,19 @@
border-radius: 4px; border-radius: 4px;
max-width: 432px; max-width: 432px;
margin: 64px auto 0; margin: 64px auto 0;
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; box-shadow: var(
background-color: #fff; --ha-card-box-shadow,
rgba(0, 0, 0, 0.25) 0px 54px 55px,
rgba(0, 0, 0, 0.12) 0px -12px 30px,
rgba(0, 0, 0, 0.12) 0px 4px 6px,
rgba(0, 0, 0, 0.17) 0px 12px 13px,
rgba(0, 0, 0, 0.09) 0px -3px 5px
);
background: var(
--ha-card-background,
var(--card-background-color, white)
);
color: var(--primary-text-color, #212121);
} }
.header { .header {
@ -34,7 +49,6 @@
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
html { html {
background-color: #111111;
color: #e1e1e1; color: #e1e1e1;
} }
} }
@ -45,10 +59,9 @@
margin: 0; margin: 0;
} }
} }
</style> </style>
</head> </head>
<body id='particles'> <body id="particles">
<div class="content"> <div class="content">
<div class="header"> <div class="header">
<img src="/static/icons/favicon-192x192.png" height="52" width="52" /> <img src="/static/icons/favicon-192x192.png" height="52" width="52" />