Skip to content

GitLab

"vscode:/vscode.git/clone" did not exist on "346b0df81107915ca36c3be0d1cc67f262eb491a"
Switch branch/tag
Find file Normal viewHistoryPermalink
app.html 1.93 KB
Newer Older
Timothy J. Baek's avatar
chat feature added  
Timothy J. Baek committed
1
2
3
4
5 
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
ntimo's avatar
feat: add PWA manifest.json  
ntimo committed
6 
		<link rel="manifest" href="%sveltekit.assets%/manifest.json" />
Timothy J. Baek's avatar
Update app.html  
Timothy J. Baek committed
7 
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
tracer123's avatar
Update app.html  
tracer123 committed
8 
		<meta name="robots" content="noindex,nofollow" />
Timothy J. Baek's avatar
feat: light mode support  
Timothy J. Baek committed
9
10 
		<script>
			// On page load or when changing themes, best to add inline in `head` to avoid FOUC
Danny Liu's avatar
use IIFE in app.html to prevent FOUC  
Danny Liu committed
11 
			(() => {
Danny Liu's avatar
Update theme options and persist OLED dark theme if selected  
Danny Liu committed
12
13 
				if (localStorage.theme.includes('oled')) {
					document.documentElement.style.setProperty('--color-gray-900', '#000000');
Danny Liu's avatar
dynamically adjust --color-gray-950 value for OLED black sidebar  
Danny Liu committed
14 
					document.documentElement.style.setProperty('--color-gray-950', '#000000');
Danny Liu's avatar
Update theme options and persist OLED dark theme if selected  
Danny Liu committed
15
16
17 
					document.documentElement.classList.add('dark');
				}
				else if (
Danny Liu's avatar
use IIFE in app.html to prevent FOUC  
Danny Liu committed
18
19
20
21
22
23
24
25
26
27
28 
					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');
Danny Liu's avatar
run prettier  
Danny Liu committed
29 
				} else {
Danny Liu's avatar
use IIFE in app.html to prevent FOUC  
Danny Liu committed
30
31 
					document.documentElement.classList.add('dark');
				}
Danny Liu's avatar
add event listener in app.html to handle system theme changes  
Danny Liu committed
32
Danny Liu's avatar
use IIFE in app.html to prevent FOUC  
Danny Liu committed
33
34
35
36
37
38
39
40
41 
				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');
						}
Danny Liu's avatar
add event listener in app.html to handle system theme changes  
Danny Liu committed
42 
					}
Danny Liu's avatar
run prettier  
Danny Liu committed
43 
				});
Danny Liu's avatar
use IIFE in app.html to prevent FOUC  
Danny Liu committed
44 
			})();
Timothy J. Baek's avatar
feat: light mode support  
Timothy J. Baek committed
45
46 
		</script>
Timothy J. Baek's avatar
chat feature added  
Timothy J. Baek committed
47
48
49
50
51
52 
		%sveltekit.head%
	</head>
	<body data-sveltekit-preload-data="hover">
		<div style="display: contents">%sveltekit.body%</div>
	</body>
</html>