如何自定义Rocket Chat界面
How to customize interface of Rocket Chat
我需要对RocketChat 的前端进行一些改动。我已经在 Ubuntu 16.04 上完成了手动安装，并且是 JS 生态系统的新手。简单地编辑文件（例如 programs/server/packages/rocketchat_lib.js）并重做 npm install 似乎不起作用。
如何做到这一点？
Well Rocket Chat 允许我们更改徽标。它还允许我们添加自定义 CSS 规则并更改基本颜色。
要更改颜色，CSS 转到管理，然后在设置下转到布局。
要更改徽标，请转到管理，然后在设置下转到资产
Rocket.Chat 中大多数*颜色的使用都可以通过在“管理”>“布局”>“颜色”下更改颜色设置来自定义
您还可以在“管理”>“布局”
下使用自己的 CSS 样式等
直接编辑 Rocket.chat 文件是不好的方法。
这里有一些参考资料 https://rocket.chat/docs/developer-guides/ui-and-theming
如果您需要一些更重的更改，例如更改 JS、菜单和进行完全自定义，您将必须构建自己的自定义 rocket.chat。它使用流星框架。您可以找到一些指南 here and talk to people on the rocket.chat demo server channel learn
要自定义 Rocket.Chat UI，您可以直接修改 rocketchat-theme 或 rocketchat-ui 包，但如果您要与活动开发保持同步，它会通过创建自己的主题包更容易避免冲突。
您只需使用您的代码创建一个 Meteor 包，然后将其添加到包文件，即可将主题定制添加到 Rocket.Chat。
要更改您的徽标、背景和与 UI 相关的其他设置，我们需要以管理员身份登录并转到管理区域，然后转到设置和资产部分，并在那里上传相关图像。我们还可以从布局部分进行其他 UI 相关设置，其中可以包括内容、颜色、字体等。
我需要对RocketChat 的前端进行一些改动。我已经在 Ubuntu 16.04 上完成了手动安装，并且是 JS 生态系统的新手。简单地编辑文件（例如 programs/server/packages/rocketchat_lib.js）并重做 npm install 似乎不起作用。
如何做到这一点？
Well Rocket Chat 允许我们更改徽标。它还允许我们添加自定义 CSS 规则并更改基本颜色。
要更改颜色，CSS 转到管理，然后在设置下转到布局。
要更改徽标，请转到管理，然后在设置下转到资产
Rocket.Chat 中大多数*颜色的使用都可以通过在“管理”>“布局”>“颜色”下更改颜色设置来自定义
您还可以在“管理”>“布局”
下使用自己的 CSS 样式等
直接编辑 Rocket.chat 文件是不好的方法。
这里有一些参考资料 https://rocket.chat/docs/developer-guides/ui-and-theming
如果您需要一些更重的更改，例如更改 JS、菜单和进行完全自定义，您将必须构建自己的自定义 rocket.chat。它使用流星框架。您可以找到一些指南 here and talk to people on the rocket.chat demo server channel learn
要自定义 Rocket.Chat UI，您可以直接修改 rocketchat-theme 或 rocketchat-ui 包，但如果您要与活动开发保持同步，它会通过创建自己的主题包更容易避免冲突。 您只需使用您的代码创建一个 Meteor 包，然后将其添加到包文件，即可将主题定制添加到 Rocket.Chat。
要更改您的徽标、背景和与 UI 相关的其他设置，我们需要以管理员身份登录并转到管理区域，然后转到设置和资产部分，并在那里上传相关图像。我们还可以从布局部分进行其他 UI 相关设置，其中可以包括内容、颜色、字体等。