Spaces:
Paused
Paused
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <link rel="icon" href="%sveltekit.assets%/favicon.png" /> | |
| <link rel="manifest" href="%sveltekit.assets%/manifest.json" crossorigin="use-credentials" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> | |
| <meta name="robots" content="noindex,nofollow" /> | |
| <link | |
| rel="search" | |
| type="application/opensearchdescription+xml" | |
| title="Open WebUI" | |
| href="/opensearch.xml" | |
| /> | |
| <script> | |
| // On page load or when changing themes, best to add inline in `head` to avoid FOUC | |
| (() => { | |
| if (localStorage?.theme && localStorage?.theme.includes('oled')) { | |
| document.documentElement.style.setProperty('--color-gray-900', '#000000'); | |
| document.documentElement.style.setProperty('--color-gray-950', '#000000'); | |
| document.documentElement.classList.add('dark'); | |
| } else if ( | |
| localStorage.theme === 'light' || | |
| (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: light)').matches) | |
| ) { | |
| document.documentElement.classList.add('light'); | |
| } else if (localStorage.theme && localStorage.theme !== 'system') { | |
| localStorage.theme.split(' ').forEach((e) => { | |
| document.documentElement.classList.add(e); | |
| }); | |
| } else if (localStorage.theme && localStorage.theme === 'system') { | |
| systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches; | |
| document.documentElement.classList.add(systemTheme ? 'dark' : 'light'); | |
| } else { | |
| document.documentElement.classList.add('dark'); | |
| } | |
| window.matchMedia('(prefers-color-scheme: dark)').addListener((e) => { | |
| if (localStorage.theme === 'system') { | |
| if (e.matches) { | |
| document.documentElement.classList.add('dark'); | |
| document.documentElement.classList.remove('light'); | |
| } else { | |
| document.documentElement.classList.add('light'); | |
| document.documentElement.classList.remove('dark'); | |
| } | |
| } | |
| }); | |
| })(); | |
| </script> | |
| <title>Open WebUI</title> | |
| %sveltekit.head% | |
| </head> | |
| <body data-sveltekit-preload-data="hover"> | |
| <div style="display: contents">%sveltekit.body%</div> | |
| <div | |
| id="splash-screen" | |
| style=" | |
| position: fixed; | |
| z-index: 100; | |
| background: #fff; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| " | |
| > | |
| <style type="text/css" nonce=""> | |
| html { | |
| overflow-y: scroll ; | |
| } | |
| </style> | |
| <img | |
| style=" | |
| position: absolute; | |
| width: 6rem; | |
| height: 6rem; | |
| top: 46%; | |
| left: 50%; | |
| margin: -40px 0 0 -40px; | |
| " | |
| src="/logo.svg" | |
| /> | |
| <!-- <span style="position: absolute; bottom: 32px; left: 50%; margin: -36px 0 0 -36px"> | |
| Footer content | |
| </span> --> | |
| </div> | |
| </body> | |
| </html> | |