feat(admin-ui): softer pre-material styling and dark theme
- Rebuild admin console styling on semantic CSS variables (light + dark palettes) - Soften palette, shadows and corner radii for a calmer pre-material look - Add theme provider with light/dark toggle in the topbar and login header - Respect prefers-color-scheme and persist choice, with anti-FOUC inline script - Polish Russian translations (yo letters, consistent 'Звёзды' currency, wording) - Rebuild dist bundle to match the updated source
This commit is contained in:
parent
045e0f6db4
commit
ad9d535edc
15 changed files with 601 additions and 251 deletions
43
cmd/telesrv-admin/web/dist/index.html
vendored
43
cmd/telesrv-admin/web/dist/index.html
vendored
|
|
@ -1,13 +1,30 @@
|
|||
<!doctype html>
|
||||
<html lang="en" translate="no">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>telesrv admin</title>
|
||||
<script type="module" crossorigin src="/assets/index-Duge82ST.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-DHdrFM5j.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
</body>
|
||||
</html>
|
||||
<!doctype html>
|
||||
<html lang="en" translate="no">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>telesrv admin</title>
|
||||
<script>
|
||||
(function () {
|
||||
try {
|
||||
var stored = localStorage.getItem("telesrv.admin.theme");
|
||||
var theme =
|
||||
stored === "light" || stored === "dark"
|
||||
? stored
|
||||
: window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches
|
||||
? "dark"
|
||||
: "light";
|
||||
document.documentElement.setAttribute("data-theme", theme);
|
||||
document.documentElement.style.colorScheme = theme;
|
||||
} catch (e) {
|
||||
document.documentElement.setAttribute("data-theme", "light");
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
<script type="module" crossorigin src="/assets/index-CqgHld2y.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-DuOdm70q.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue