主题扩展

页面摘要： 通过自定义 /src/admin/app.js 中的 config.theme.light 和 config.theme.dark 键，扩展 Strapi 管理面板的浅色和深色模式主题，以覆盖颜色及其他设计系统属性。

Strapi 的管理面板可以在浅色或深色模式下显示（参见 个人资料设置），两者都可以通过自定义主题设置进行扩展。

要扩展主题，可使用：

• 浅色模式使用 config.theme.light 键
• 深色模式使用 config.theme.dark 键

以下示例展示了如何通过自定义管理面板配置中的浅色和深色主题键来覆盖主色：

JavaScript

export default {
  config: {
    theme: {
      light: {
        colors: {
          primary600: "#4A6EFF",
        },
      },
      dark: {
        colors: {
          primary600: "#9DB2FF",
        },
      },
    },
  },
  bootstrap() {},
}

TypeScript

export default {
  config: {
    theme: {
      light: {
        colors: {
          primary600: '#4A6EFF',
        },
      },
      dark: {
        colors: {
          primary600: '#9DB2FF',
        },
      },
    },
  },
  bootstrap() {},
}