cronfluent/index.html at main · pavstev/cronfluent · 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
42
43
44
45
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <meta name="theme-color" content="#0a0a0a" />
    <meta
      name="description"
      content="A minimal, fluent cron expression builder for readable schedules."
    />
    <title>cronfluent</title>
    <script>
      // Apply persisted theme synchronously before first paint to prevent
      // a flash of the default orange palette when a custom theme is saved.
      // Mirrors the dial set in src/hooks/use-apply-theme.ts.
      (function () {
        try {
          var raw = localStorage.getItem("cronfluent:theme");
          if (!raw) return;
          var t = JSON.parse(raw);
          var s = document.documentElement.style;
          if (typeof t.bgHue === "number")
            s.setProperty("--bg-h", String(t.bgHue));
          if (typeof t.primaryHue === "number")
            s.setProperty("--primary-h", String(t.primaryHue));
          if (typeof t.primaryChroma === "number")
            s.setProperty("--primary-c", String(t.primaryChroma));
          if (typeof t.bgLift === "number")
            s.setProperty("--bg-lift", String(t.bgLift));
          if (typeof t.surfaceLift === "number")
            s.setProperty("--surface-lift", String(t.surfaceLift));
          if (typeof t.textLift === "number")
            s.setProperty("--text-lift", String(t.textLift));
          if (t.mode === "light" || t.mode === "dark")
            document.documentElement.setAttribute("data-theme", t.mode);
        } catch (e) {}
      })();
    </script>
  </head>

  <body class="font-sans antialiased">
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>