如何在语义ui中更改背景颜色？

Question

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

Answer 1

它似乎来自文件semantic-ui-css/semantic.min.css，它是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;
}

---

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

  

安装语义UI React提供了组件的JavaScript。您还需要包括一个样式表，以提供组件的样式。

来自他们的Usage guide。只需在您的仓库中搜索类似semantic.min.css的东西即可。