如何更改语义 ui 反应中的背景颜色？

Question

我刚开始使用 React 语义进行开发 ui，我使用了 react.semantic-ui.com 上可用的主页布局，但我想更改顶部的深灰色和页脚，但我找不到任何语义 ui css

Answer 1

它似乎来自文件 semantic-ui-css/semantic.min.css, a minified copy of semantic.css:

.ui.inverted.segment,
.ui.primary.inverted.segment {
    background: #1B1C1D;
    color: rgba(255, 255, 255, 0.9);
}

这是从 segment.less:

构建的

.ui.inverted.segment,
.ui.primary.inverted.segment {
    background: @invertedBackground;
    color: @invertedTextColor;
}

关于如何将这些文件包含在您的项目中 - 似乎有几种方法：

Installing Semantic UI React provides the JavaScript for your components. You'll also need to include a stylesheet to provide the styling for your components.

来自他们的 Usage guide。只需在您的存储库中搜索类似 semantic.min.css 的内容。

如何更改语义 ui 反应中的背景颜色？

How to change the background color in semantic ui react?

reactjs

semantic-ui-react