Fix onboarding styling (#6819)

2020-09-07 19:48:19 +02:00 · 2020-09-07 19:48:19 +02:00 · 80224e6974
parent 0c7c536f73
commit 80224e6974
1 changed files with 9 additions and 8 deletions
--- a/src/html/onboarding.html.template
+++ b/src/html/onboarding.html.template
@ -5,6 +5,15 @@
    <link rel="preload" href="<%= latestPageJS %>" as="script" crossorigin="use-credentials" />
    <%= renderTemplate('_header') %>
    <style>
+      html {
+        color: var(--primary-text-color, #212121);
+      }
+      @media (prefers-color-scheme: dark) {
+        html {
+          background-color: #111111;
+          color: var(--primary-text-color, #e1e1e1);
+        }
+      }
      .content {
        padding: 20px 16px;
        max-width: 400px;
@ -23,14 +32,6 @@
      .header img {
        margin-right: 16px;
      }
-      @media (prefers-color-scheme: dark) {
-        body {
-          background-color: #111111;
-          color: #e1e1e1;
-          --primary-text-color: #e1e1e1;
-          --secondary-text-color: #9b9b9b;
-        }
-      }
    </style>
  </head>
  <body>