library-picturebook-activity/frontend/src/App.vue

<template>
  <a-config-provider :theme="themeConfig">
    <router-view />
  </a-config-provider>
</template>

<script setup lang="ts">
import { ConfigProviderProps } from "ant-design-vue"

// 配置主题色为蓝色（Blue）- 使用 Ant Design 蓝色色板 blue-6
// 参考：https://ant.design/docs/spec/colors-cn#%E7%B3%BB%E7%BB%9F%E7%BA%A7%E8%89%B2%E5%BD%A9%E4%BD%93%E7%B3%BB
const themeConfig: ConfigProviderProps["theme"] = {
  token: {
    colorPrimary: "#0958d9", // 主色调 - 蓝色（blue-6）
    colorSuccess: "#52c41a", // 成功色 - 绿色（默认）
    colorInfo: "#0958d9", // 信息色 - 蓝色
    colorLink: "#0958d9", // 链接色 - 蓝色
    borderRadius: 6, // 圆角
  },
  algorithm: undefined, // 使用默认算法
}
</script>

<style scoped lang="scss"></style>