    <!-- will get injected into the header of all toplevel vite views -->

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

<% if (locals.iconUrl) { -%>
    <link rel="icon" href="<%- iconUrl %>?<%- Date.now() %>" type="image/png">
    <link rel="apple-touch-icon" href="<%- iconUrl %>?<%- Date.now() %>" type="image/png">
    <meta property="og:image" content="<%- iconUrl %>?<%- Date.now() %>">
<% } else if (locals.dashboardFqdn) { -%>
    <link rel="icon" href="https://<%- dashboardFqdn %>/api/v1/cloudron/avatar?<%- Date.now() %>" type="image/png">
    <link rel="apple-touch-icon" href="https://<%- dashboardFqdn %>/api/v1/cloudron/avatar?<%- Date.now() %>" type="image/png">
    <meta property="og:image" content="https://<%- dashboardFqdn %>/api/v1/cloudron/avatar?<%- Date.now() %>">
<% } else { -%>
    <link rel="icon" href="/api/v1/cloudron/avatar?<%- Date.now() %>" type="image/png">
    <link rel="apple-touch-icon" href="/api/v1/cloudron/avatar?<%- Date.now() %>" type="image/png">
    <meta property="og:image" content="/api/v1/cloudron/avatar?<%- Date.now() %>">
<% } -%>

<% if (locals.name) { -%>
    <meta property="og:title" content="<%= name %>">
<% } else { -%>
    <meta property="og:title" content="Cloudron">
<% } -%>

    <!-- iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">

    <!-- Android -->
    <meta name="theme-color" content="#000000">
    <meta name="mobile-web-app-capable" content="yes">

    <meta name="theme-color" media="(prefers-color-scheme: light)" content="white">
    <meta name="theme-color" media="(prefers-color-scheme: dark)"  content="black">

    <!-- Cloudron -->
    <meta name="application-name" creator="Cloudron" description="Cloudron Dashboard">

    <style>
      @media (prefers-color-scheme: dark) {
        body {
          background-color: black;
        }
      }
    </style>
