fix(web): 禁用深色模式自动适配，修复渲染叠层问题

Flutter Web canvas 在系统深色模式下背景透明，导致底层 HTML 内容透出形成叠层。营销站点未声明 color-scheme，浏览器自动调色也会破坏白色背景设计。 - client/web/index.html: 添加 color-scheme=light meta 及 body 白色背景 - web/index.html: 添加 color-scheme=light meta - web/assets/colors_and_type.css: :root 声明 color-scheme: light Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-24 20:40:03 +08:00
parent b15e422953
commit b591bc522d
3 changed files with 10 additions and 0 deletions
@@ -19,6 +19,13 @@
  <meta charset="UTF-8">
  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
  <meta name="description" content="岩美酒库管理系统 — 酒店饮品库存与采购管理平台">
+  <meta name="color-scheme" content="light">
+  <style>
+    html, body {
+      background-color: #ffffff;
+      color-scheme: light;
+    }
+  </style>

  <!-- iOS meta tags & icons -->
  <meta name="mobile-web-app-capable" content="yes">
@@ -5,6 +5,8 @@
   ========================================================================= */

 :root {
+  color-scheme: light;
+
  /* ---------- Brand: Primary (Slate Blue) ---------- */
  /* Trustworthy enterprise blue with a slight slate cast. */
  --brand-50:  #EEF4FB;
@@ -3,6 +3,7 @@
 <head>
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<meta name="color-scheme" content="light" />
 <title>岩美酒库管理系统 — 为酒行与酒店设计的库存管理平台</title>
 <link rel="stylesheet" href="assets/colors_and_type.css" />
 <link rel="preconnect" href="https://fonts.googleapis.com">