migrate component foundation to OpenVue 1.1.1

app/config/openvue.js

@@ -0,0 +1,46 @@
+/** OpenVue 客户端统一配置：中文交互文案、蓝色主色以及 .app-dark 暗色切换。 */
+import { definePreset } from "@openvue/themes";
+import Aura from "@openvue/themes/aura";
+import locale from "./locale.zh-CN.json";
+
+// Use the MIT theme package, with the console's blue/slate/zinc palette.
+// 只覆盖 Aura 的语义色阶，保留组件自身设计令牌；浅色用 slate，深色用 zinc。
+const preset = definePreset(Aura, {
+  semantic: {
+    primary: Object.fromEntries(
+      [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950].map((shade) => [
+        shade,
+        `{blue.${shade}}`,
+      ]),
+    ),
+    colorScheme: {
+      light: {
+        // 普通字号白字按钮至少4.5:1；浅色主色从blue-600起，hover/active继续加深，暗色令牌不变。
+        primary: {
+          color: "{primary.600}",
+          contrastColor: "#ffffff",
+          hoverColor: "{primary.700}",
+          activeColor: "{primary.800}",
+        },
+        surface: Object.fromEntries(
+          [0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950].map(
+            (shade) => [shade, shade === 0 ? "#ffffff" : `{slate.${shade}}`],
+          ),
+        ),
+      },
+      dark: {
+        surface: Object.fromEntries(
+          [0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950].map(
+            (shade) => [shade, shade === 0 ? "#ffffff" : `{zinc.${shade}}`],
+          ),
+        ),
+      },
+    },
+  },
+});
+
+export default {
+  ripple: true,
+  locale,
+  theme: { preset, options: { darkModeSelector: ".app-dark" } },
+};