This commit is contained in:
+19
-1
@@ -3,6 +3,21 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
||||
<meta name="color-scheme" content="light dark" />
|
||||
<script>
|
||||
// Set data-theme before first paint to avoid a light flash in dark mode.
|
||||
(function () {
|
||||
try {
|
||||
var p = localStorage.getItem('maestro.theme');
|
||||
if (p !== 'light' && p !== 'dark' && p !== 'system') p = 'system';
|
||||
var dark = p === 'dark' ||
|
||||
(p === 'system' && matchMedia('(prefers-color-scheme: dark)').matches);
|
||||
document.documentElement.dataset.theme = dark ? 'dark' : 'light';
|
||||
} catch (e) {
|
||||
document.documentElement.dataset.theme = 'light';
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
<link rel="icon" type="image/svg+xml" href="/ui/favicon.svg" />
|
||||
<link rel="manifest" href="/ui/manifest.webmanifest" />
|
||||
<meta name="theme-color" content="#2563eb" />
|
||||
@@ -23,10 +38,13 @@
|
||||
min-height: 100dvh;
|
||||
}
|
||||
|
||||
html { background: #ffffff; }
|
||||
html[data-theme="dark"] { background: #0a0a0c; }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
overflow-x: hidden;
|
||||
background: #f3f6fb;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
input,
|
||||
|
||||
Reference in New Issue
Block a user