mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-01-26 10:59:53 +00:00
133427b08e
## Summary The variable whose name implied it was just an image URL bundled other background pieces. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-8292-Fix-Background-Image-fix-for-dark-theme-loading-change-2f26d73d36508177ae7bc24ae3cb027b) by [Unito](https://www.unito.io)
36 lines
1.1 KiB
HTML
36 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>ComfyUI</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
|
<link rel="stylesheet" type="text/css" href="materialdesignicons.min.css" />
|
|
|
|
<!-- Fullscreen mode on mobile browsers -->
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
<!-- Status bar style (eg. black or transparent) -->
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
<style>
|
|
@media (prefers-color-scheme: dark) {
|
|
body {
|
|
/* Setting it early for background during load */
|
|
--bg-color: #202020;
|
|
}
|
|
}
|
|
body {
|
|
background-color: var(--bg-color);
|
|
background-image: var(--bg-img);
|
|
background-position: center;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
}
|
|
</style>
|
|
<link rel="manifest" href="manifest.json">
|
|
</head>
|
|
|
|
<body class="litegraph grid">
|
|
<div id="vue-app"></div>
|
|
<script type="module" src="src/main.ts"></script>
|
|
</body>
|
|
</html>
|