feat: settings interactions (theme/mask/brightness/server-url), svg icons, seconds display, page transition

2026-08-16 18:25:28 +08:00
parent e2a289a4b0
commit c9dcb88647
11 changed files with 510 additions and 29 deletions
@@ -6,8 +6,10 @@
 <title>Hearth</title>
 <link rel="stylesheet" href="css/tokens.css">
 <link rel="stylesheet" href="css/app.css">
+<script src="js/theme.js"></script>
 </head>
 <body>
+<div id="wallpaper-dim"></div>
 <div class="app">
  <aside class="rail" id="rail">
    <div class="rail-clock" id="rail-clock">14:30</div>
@@ -22,6 +24,7 @@
  </main>
 </div>
 <script src="js/bridge.js"></script>
+<script src="js/mask.js"></script>
 <script src="js/cards/cards.js"></script>
 <script src="js/router.js"></script>
 <script src="js/pages/applist.js"></script>
@@ -48,6 +51,9 @@
    document.getElementById('rail-clock').textContent = `${hh}:${mm}`;
  }, 10000);
  router.navigate('home');
+  // 初始化背景遮罩（夜间主题 + 已启用时生效）
+  // Apply wallpaper dim on startup (active under dark theme when enabled)
+  window.mask.apply();
 </script>
 </body>
 </html>