在 Strapi 中更改原色？

问题描述

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

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

但不知何故没有任何帮助，也许你们中的某个人更了解那里。

我的 Strapi 在 Docker 容器上运行，我使用的是 Strapi 的“v3.5.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};
}

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

编辑

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

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