fomantic-ui 更改主题设置

Question

我在 express 4.161 上安装了 fomantic-ui 2.8.8。我很确定 fomantics 正在工作，因为在 header.hbs 我改变了这一行： <div class="ui mini borderless main bottom attached stackable menu ">

到

<div class="ui inverted mini borderless main bottom attached stackable menu ">

结果是一个全黑白色文本的标题。

但我似乎无法更改默认主题设置。绝对是我改变的一切 语义/src/site 或语义/src/theme 无效。

这对我来说是零意义。设置必须来自这些文件。

例如，我将文件“semantic/src/themes/default/globals/site.variables”从：

@emSize : 14px;

@inputBackground : @white;

到：

@emSize : 34px;

@inputBackground : @red;

这对我的网页没有影响。我做了很多其他各种变化的更改，但没有任何效果。

有什么想法吗？

Answer 1

已解决

fomantic-ui 是使用 gulp 安装的。

semantic 文件夹内有一个 gulp.js 文件、一个 src 文件夹和一个 dist 文件夹。

在更改 src 文件时运行“gulp watch”之前，更改 src 中的文件不会有任何作用。

然后 gulp 创建更新的“dist/semantic.css”等文件。 现在，在您的 .hbs 或 .html 中，您可以引用新的“dist/semantic.css”

（我错过了“gulp watch”步骤。）