20260914172820

code/fms/fms-vue/src/theme/tokens.css

@@ -10,10 +10,10 @@
    * 白卡无需描边即可被托起；画布带轻微冷蓝倾向，比中性灰更稳、更耐看。 */
   --fms-background: #eef1f6;
   --fms-card: #ffffff;
-  /* 框架面（侧栏 / 顶栏等大面积容器）：比内容白卡沉一档。
-   * 三大块纯白（侧栏 + 顶栏 + 内容卡）拼在一起会刺眼、且互相"抢"层次，
-   * 让框架退后一步，白卡自然成为视觉主体。差 1~2% 即可，再大就显脏。 */
-  --fms-surface: #fbfcfd;
+  /* 框架面（侧栏 / 顶栏等大面积容器）：与内容白卡同为纯白。
+   * 产品决定框架面不再"沉一档"，侧栏/顶栏与内容卡统一纯白；层次由阴影与分隔线承担。
+   * 深色模式仍由 .dark 覆盖为深色框架面，保持"框架退后"的关系。 */
+  --fms-surface: #ffffff;
   --fms-text: #1f2329;
   --fms-secondary: #e9edf2;
   --fms-secondary-hover: #f1f5f9;
@@ -98,11 +98,8 @@
   --fms-form-label-width: 88px;
   --fms-form-help-font-size: 12px;
 
-  /* 阴影：双层（近距定型 + 远距扩散），比单层 5% 更能把白卡从画布上托起。
-   * 卡片浮起后可省去大量 1px 外框线，用"面 + 影"代替"线"划分层次 */
-  --fms-shadow:
-    0 1px 2px rgba(30, 45, 64, 0.06),
-    0 4px 10px rgba(30, 45, 64, 0.04);
+  /* 阴影：控件使用的轻量单层阴影 */
+  --fms-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
 
   --fms-popover-padding: 8px;
   --fms-popover-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);