2023-11-27 17:42:04 +01:00
|
|
|
<!doctype html>
|
2022-10-26 18:10:48 +02:00
|
|
|
<html lang="en" class="dark">
|
2023-07-01 06:50:47 +02:00
|
|
|
<head>
|
2023-12-11 20:37:47 +01:00
|
|
|
<!-- (used for SSR) -->
|
|
|
|
|
<!-- metadata:tags -->
|
|
|
|
|
|
2023-07-01 06:50:47 +02:00
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
2023-12-16 18:15:30 +01:00
|
|
|
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
|
2023-12-13 17:04:06 +01:00
|
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png" />
|
|
|
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png" />
|
|
|
|
|
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48.png" />
|
|
|
|
|
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96.png" />
|
|
|
|
|
<link rel="icon" type="image/png" sizes="144x144" href="/favicon-144.png" />
|
|
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180.png" />
|
2023-07-01 06:50:47 +02:00
|
|
|
%sveltekit.head%
|
|
|
|
|
<script>
|
|
|
|
|
/**
|
|
|
|
|
* Prevent FOUC on page load.
|
|
|
|
|
*/
|
2024-01-07 01:15:25 +01:00
|
|
|
const colorThemeKeyName = 'color-theme';
|
|
|
|
|
let theme;
|
|
|
|
|
const fallbackTheme = { value: 'dark', system: false };
|
|
|
|
|
let item = localStorage.getItem(colorThemeKeyName);
|
|
|
|
|
if (item === 'dark' || item === 'light') {
|
|
|
|
|
fallbackTheme.value = item;
|
|
|
|
|
item = JSON.stringify(fallbackTheme);
|
|
|
|
|
localStorage.setItem(colorThemeKeyName, item);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
theme = JSON.parse(localStorage.getItem(colorThemeKeyName));
|
|
|
|
|
|
|
|
|
|
if (theme) {
|
|
|
|
|
if (theme.system) {
|
|
|
|
|
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
|
|
|
|
theme.value = 'dark';
|
|
|
|
|
} else {
|
|
|
|
|
theme.value = 'light';
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
theme = fallbackTheme;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (theme.value === 'light') {
|
2023-07-01 06:50:47 +02:00
|
|
|
document.documentElement.classList.remove('dark');
|
2024-01-07 01:15:25 +01:00
|
|
|
} else {
|
|
|
|
|
document.documentElement.classList.add('dark');
|
2023-07-01 06:50:47 +02:00
|
|
|
}
|
|
|
|
|
</script>
|
2024-01-07 01:15:25 +01:00
|
|
|
|
2023-11-18 05:13:36 +01:00
|
|
|
<link rel="stylesheet" href="/custom.css" />
|
2023-07-01 06:50:47 +02:00
|
|
|
</head>
|
2022-07-16 06:18:17 +02:00
|
|
|
|
2023-07-01 06:50:47 +02:00
|
|
|
<body class="bg-immich-bg dark:bg-immich-dark-bg">
|
|
|
|
|
<div>%sveltekit.body%</div>
|
|
|
|
|
</body>
|
2023-01-09 21:16:08 +01:00
|
|
|
</html>
|
