forked from open-webui/open-webui
		
	main #2
					 1 changed files with 29 additions and 27 deletions
				
			
		
							
								
								
									
										56
									
								
								src/app.html
									
										
									
									
									
								
							
							
						
						
									
										56
									
								
								src/app.html
									
										
									
									
									
								
							|  | @ -8,34 +8,36 @@ | |||
| 		<meta name="robots" content="noindex,nofollow" /> | ||||
| 		<script> | ||||
| 			// On page load or when changing themes, best to add inline in `head` to avoid FOUC | ||||
| 			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'); | ||||
| 					} | ||||
| 			(() => { | ||||
| 				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> | ||||
| 
 | ||||
| 		%sveltekit.head% | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue