Files
console/src/app.html
T
Torsten Dittmann 007f656977 Use SvelteKit assets path placeholder for static files (#2173)
* Use SvelteKit assets path placeholder for static files

* Change base path conditional to ternary operator

* Use logical OR operator for base path default

* Set base path to /console except in preview mode

* Fix base path configuration for preview environment
2025-07-31 16:55:14 +02:00

57 lines
2.1 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta
name="description"
content="Appwrite is an open-source platform for building applications at any scale, using your preferred programming languages and tools." />
<link rel="icon" type="image/svg+xml" href="%sveltekit.assets%/logos/appwrite-icon.svg" />
<link rel="mask-icon" type="image/png" href="%sveltekit.assets%/logos/appwrite-icon.png" />
<link rel="stylesheet" href="%sveltekit.assets%/css/loading.css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover" data-loading="true">
<script>
let themeInUse = 'auto';
const appwrite = localStorage.getItem('appwrite');
if (appwrite) {
try {
const localPrefs = JSON.parse(appwrite);
if (localPrefs) themeInUse = localPrefs.theme;
} catch (ignore) {
// Ignore any errors during JSON parsing
}
}
const systemPrefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
themeInUse =
themeInUse === 'auto' ? (systemPrefersDark ? 'dark' : 'light') : themeInUse;
document.body.setAttribute('class', `theme-${themeInUse}`);
</script>
<div id="svelte">%sveltekit.body%</div>
<div class="page-loader">
<div class="animation">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<img
src="%sveltekit.assets%/images/appwrite-logo-light.svg"
width="120"
height="22"
class="logo-light"
alt="Appwrite Logo" />
<img
src="%sveltekit.assets%/images/appwrite-logo-dark.svg"
width="120"
height="22"
class="logo-dark"
alt="Appwrite Logo" />
</div>
</body>
</html>