reactjs - 我如何在 dexoExchange 中更改样式组件？

我正在尝试从 GitHub 上分叉 Dexo 交易所界面并添加我自己的样式。问题是我还没找到方法去更改头部导航的背景颜色和底部背景，以及其他大约 80% 的 React TS 组件。

我已经跟随了多个教程，并且一直在阅读 TypeScript 的 styled-component 文档，但我还没有找到任何类似于 uikit 的示例或文档。

使用的核心主题提供者代码是：pancake-uikit——这里是我所有困惑所在，也是我无法找到任何关于这种主题设置文档的地方。

如果你访问 uikit 仓库，你可以看到所有核心 styled-components 相关的代码。实际上，我对 TypeScript 和 styled components 不太熟悉。

这里是 dexoexchange 的图片：

这是我能够改变的情况的图片：

我的代码的 GitHub 仓库在这里：https://github.com/sohaib57/dexoExchange.git

我知道这是一个非常开放性的问题，但我现在已经是第二周在尝试让它工作，任何帮助都将不胜感激。