feat(web-platform): release V0.9.3 全模块界面重构

2026-09-08 17:57:57 +08:00
parent 831d0b95bb
commit 13e35be98b
124 changed files with 5182 additions and 2141 deletions
@@ -10,6 +10,14 @@
    />
    <link rel="icon" href="data:," />
    <title>MuJoCo Web 仿真平台</title>
+    <script>
+      try {
+        document.documentElement.dataset.bootTheme =
+          localStorage.getItem('mujoco-platform-theme') === 'light' ? 'light' : 'dark';
+      } catch {
+        /* 默认深色，启动不依赖存储权限。 */
+      }
+    </script>
    <style>
      html,
      body,
@@ -19,52 +27,26 @@
      }
      body {
        background: #09111e;
+        color: #f1f5f9;
+      }
+      html[data-boot-theme='light'] body {
+        background: #f7f9fc;
+        color: #172b41;
      }
      .boot-screen {
        display: grid;
        height: 100%;
        place-items: center;
-        color: #f1f5f9;
        font:
-          13px Inter,
-          system-ui,
+          13px system-ui,
          sans-serif;
      }
-      .boot-mark {
-        display: grid;
-        width: 42px;
-        height: 42px;
-        margin: 0 auto 14px;
-        place-items: center;
-        border: 1px solid #2b604f;
-        border-radius: 13px;
-        background: #123b31;
-        color: #38d39f;
-        font-weight: 800;
-        box-shadow: 0 16px 48px rgb(0 0 0 / 35%);
-        animation: boot-pulse 1.4s ease-in-out infinite;
-      }
-      .boot-caption {
-        color: #8fa0b5;
-        font-size: 11px;
-        letter-spacing: 0.04em;
-        text-align: center;
-      }
-      @keyframes boot-pulse {
-        50% {
-          transform: translateY(-2px);
-          box-shadow: 0 18px 54px rgb(56 211 159 / 15%);
-        }
-      }
    </style>
  </head>
  <body>
    <div id="root">
      <div class="boot-screen" role="status" aria-label="正在启动仿真工作台">
-        <div>
-          <div class="boot-mark">M</div>
-          <div class="boot-caption">正在启动本地仿真工作台…</div>
-        </div>
+        正在启动本地仿真工作台…
      </div>
    </div>
    <script type="module" src="/src/main.tsx"></script>