rays
f9c9c2b7cc
Modern's palette was sampled from the 2004 iPodderX icon: a neutral navy, its screen blue and amber EQ bars. It now takes the new logo's colours, the dark half from logo-dark.svg (navy ground, #8fc2ea scale, #ff6a1a needle) and the light half from logo.svg (sky ground, #2f6aa0 scale, the needle taken down to #c43e00 so white on it clears AA). The pending amber and the error red moved apart from the needle's orange, and the sign-in page's copy of the palette follows. The pages always showed logo.svg, the light variant, even in a dark theme; logo-dark.svg was never served. It is now, and the app and admin pages show whichever matches data-mode, dark until the script says light, as the palette is. The sign-in page, which has no account's theme, picks by the system's with <picture>. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
35 lines
1.2 KiB
HTML
35 lines
1.2 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="color-scheme" content="dark light">
|
|
<title>iPX admin</title>
|
|
<link rel="icon" type="image/png" sizes="128x128" href="/favicon.png">
|
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
|
<link rel="stylesheet" data-src="app.css">
|
|
</head>
|
|
<body class="adminpage">
|
|
<!-- The server sends this page, and its script, to admins only. -->
|
|
<header id="topbar">
|
|
<a class="btn ico" href="/" title="Back to iPX" aria-label="Back to iPX" data-icon="left"></a>
|
|
<img class="logo onlight" src="/logo.svg" alt="" width="26"><img class="logo ondark" src="/logo-dark.svg" alt="" width="26">
|
|
<h1>Admin</h1>
|
|
<span class="grow"></span>
|
|
<nav class="tabs" id="atabs">
|
|
<a href="#server" data-t="server">Server</a>
|
|
<a href="#accounts" data-t="accounts">Accounts</a>
|
|
<a href="#log" data-t="log">Log</a>
|
|
</nav>
|
|
</header>
|
|
<main class="wrap plain" id="admin">
|
|
<section id="server" hidden></section>
|
|
<section id="accounts" hidden></section>
|
|
<section id="log" hidden></section>
|
|
</main>
|
|
<div id="toasts"></div>
|
|
|
|
<script data-src="web/src"></script>
|
|
</body>
|
|
</html>
|