runnerd-web 0.0.21

The web dashboard runnerd serves on loopback: a client of the daemon's API
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

// The light/dark switch: the choice is kept in localStorage; without one, the system's preference applies.
const root = document.documentElement;
const stored = localStorage.getItem('runnerd-theme');
if (stored === 'light' || stored === 'dark') root.dataset.theme = stored;

// The browser's bar, and an installed app's status bar, take the chosen theme's background over the system's.
function paintBar() {
  if (!root.dataset.theme) return;
  const colour = root.dataset.theme === 'dark' ? '#070908' : '#e9ece9';
  for (const meta of document.querySelectorAll('meta[name="theme-color"]')) meta.content = colour;
}
paintBar();

document.addEventListener('click', (event) => {
  if (!(event.target instanceof Element) || !event.target.closest('[data-theme-toggle]')) return;
  const dark = root.dataset.theme
    ? root.dataset.theme === 'dark'
    : matchMedia('(prefers-color-scheme: dark)').matches;
  root.dataset.theme = dark ? 'light' : 'dark';
  localStorage.setItem('runnerd-theme', root.dataset.theme);
  paintBar();
});