css - 在 Strapi 中更改原色？

Question

我想更改 Strapi 的原色。我已经尝试了一些事情，例如我已经在 strapi-admin 下的 Node_Modules 中并查看了那里的所有文件。不幸的是没有成功。

我还查看了 Strapi 的以下文档: https://strapi.io/documentation/developer-docs/latest/guides/custom-admin.html#introduction

但不知何故没有任何帮助，也许你们中有人对此更了解。

我的 Strapi 在 Docker 容器上运行，我使用 Strapi 的“v3.5.1 Community Edition”。

Answer 1

颜色可以在 node_modules\strapi-admin\admin\src\themes\colors.js 中找到。

将它们复制到 admin\src\themes\colors.js 以进行更改。请注意，Strapi 使用变量来设置颜色，因此您必须找到特定文件并进行相应更新。

例如:更改菜单链接颜色将在 admin\src\components\LeftMenu\LeftMenuLink\A.js

中完成

 &.linkActive {
  color: white !important;
  border-left: 0.3rem solid ${props => props.theme.main.colors.mediumBlue};
}

注意 Prop 。这就是 Strapi 典型的颜色设置方式。

编辑

原色可以通过同一文件中的 Strapi 对象进行更新。

  strapi: {
   'gray-light': '#eff3f6',
   gray: '#535f76',
   'blue-darker': '#18202e',
   'blue-dark': '#151c2e',
    blue: '#0097f7',
  },