Files
LocalAI/core/http/react-ui/index.html
T
Mauro AgentandMauro Morales 53ddea6384 feat(ui): serve an apple-touch-icon so iOS shows the logo on the home screen (#12917)
iOS ignores the SVG favicon and draws the first letter of the page title
when a page is saved to the home screen. Serve a 180x180 PNG made from
logo.png at /apple-touch-icon.png, link it from the React UI head, and
rewrite the link under a reverse-proxy prefix like the favicon link.

The logo is flattened on white because iOS fills transparency with black.

Assisted-by: Claude Code:claude-sonnet-5-5

Signed-off-by: Mauro Morales <contact@mauromorales.com>
Co-authored-by: Mauro Morales <contact@mauromorales.com>
2026-10-26 09:42:07 +01:00

24 lines
806 B
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>LocalAI</title>
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<script>
// Set the theme before first paint, with the same rule as ThemeContext:
// a stored choice wins, a fresh install opens dark.
try {
document.documentElement.setAttribute('data-theme', localStorage.getItem('localai-theme') || 'dark')
} catch (e) {
document.documentElement.setAttribute('data-theme', 'dark')
}
</script>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>