64 lines
1.9 KiB
HTML
64 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ja">
|
|
<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" />
|
|
<link rel="apple-touch-icon" href="/ui/apple-touch-icon-180.png" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
|
|
<meta name="apple-mobile-web-app-title" content="MAESTRO" />
|
|
<title>MAESTRO</title>
|
|
<style>
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html,
|
|
body,
|
|
#root {
|
|
min-height: 100dvh;
|
|
}
|
|
|
|
html { background: #ffffff; }
|
|
/* 初回描画のちらつき止め。ui/src/index.css の --canvas と同じ値を持つ（#1416）。
|
|
この <style> は index.css の読み込み前に効くので、変数では書けない。 */
|
|
html[data-theme="dark"] { background: #1e1e23; }
|
|
|
|
body {
|
|
margin: 0;
|
|
overflow-x: hidden;
|
|
background: transparent;
|
|
}
|
|
|
|
input,
|
|
textarea,
|
|
select {
|
|
font-size: 16px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="/src/main.tsx"></script>
|
|
</body>
|
|
</html>
|