jump-key/index.html at main · desirevolution/jump-key · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!doctype html>
<html lang="de" data-theme="midnight" class="bg-slate-900 text-slate-100">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>JumpKey dashboard</title>
    <meta name="theme-color" content="#020617" />
    <meta name="color-scheme" content="dark light" />
    <script>
      try {
        const supportedThemes = [
          'midnight',
          'ocean',
          'graphite',
          'emerald',
          'tokyo-night',
          'catppuccin-mocha',
          'gruvbox-dark',
          'daylight',
          'nord-light',
          'solarized-light',
        ];
        const lightThemes = new Set(['daylight', 'nord-light', 'solarized-light']);
        const storedTheme = localStorage.getItem('jump-key-theme');
        const theme = supportedThemes.includes(storedTheme) ? storedTheme : 'midnight';

        document.documentElement.dataset.theme = theme;
        document.documentElement.dataset.colorScheme = lightThemes.has(theme) ? 'light' : 'dark';
      } catch {
        document.documentElement.dataset.theme = 'midnight';
        document.documentElement.dataset.colorScheme = 'dark';
      }
    </script>
    <link rel="icon" type="image/x-icon" href="/jump-key.ico" />
  </head>
  <body class="p-4 sm:p-8 lg:w-4/5 mx-auto min-h-screen flex flex-col justify-between select-none">
    <dashboard-app></dashboard-app>

    <script type="module" src="/src/main.js"></script>
  </body>
</html>