如何改变语义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;
}

---

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

安装Semantic UI React为您的组件提供JavaScript。您还需要包含样式表以为组件提供样式。

从他们的Usage guide。只需在您的仓库中搜索semantic.min.css之类的东西。