woodpecker/web/index.html
ktprograms d0da1a104e
Use Woodpecker theme colors on Safari Tab Bar / Header Bar (#632)
Add theme-color <meta> tag and dynamically change the theme-color when
switching into / out of dark mode.

It use the same colours as in the nav-bar component, but I don't think it's possible to access the Windi CSS colour definitions, so I had to hard core the hex values.

The theme-colour <meta> tag needs to be present in the HTML, otherwise `querySelector` returns null.
2021-12-21 02:26:42 +01:00

16 lines
612 B
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="alternate icon" type="image/png" href="/favicons/favicon-light-default.png" id="favicon-png" />
<link rel="icon" type="image/svg+xml" href="/favicons/favicon-light-default.svg" id="favicon-svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#65a30d" />
<title>Woodpecker</title>
<script type="" src="/web-config.js"></script>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>