57 lines
1.4 KiB
HTML
57 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="dark">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>SuperDream</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script>
|
|
tailwind.config = {
|
|
darkMode: "class",
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
superdream: {
|
|
primary: "#8B5CF6",
|
|
bg: "var(--sd-bg)",
|
|
panel: "var(--sd-panel)",
|
|
accent: "var(--sd-accent)",
|
|
},
|
|
},
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
<style>
|
|
:root {
|
|
--sd-bg: #f8f9fa;
|
|
--sd-panel: #ffffff;
|
|
--sd-accent: #7c3aed;
|
|
}
|
|
.dark {
|
|
--sd-bg: #0f0f23;
|
|
--sd-panel: #1a1a2e;
|
|
--sd-accent: #a78bfa;
|
|
}
|
|
body {
|
|
margin: 0;
|
|
background-color: var(--sd-bg);
|
|
color: #e2e8f0;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
|
sans-serif;
|
|
}
|
|
</style>
|
|
<script>
|
|
// Apply saved theme before first paint to prevent flash
|
|
(function () {
|
|
var t = localStorage.getItem("sd_theme");
|
|
if (t === "light") document.documentElement.classList.remove("dark");
|
|
})();
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<script type="module" src="/src/index.tsx"></script>
|
|
</body>
|
|
</html>
|