如何从另一个 css 文件导入变量到 gtk css 文件

Question

我想从另一个 css 文件导入颜色变量到我的 gtk.css 文件，它们在同一目录中。

所以我的colors.css是：

:root {
    --bg-color: #101e21;
    --colo1: #a0bcca;
    --colo2: #a0bc2a;
}

我试图在我的 gtk.css 中导入它：

@import url("colors.css");

.termite {
    background-color: var(--bg-color);
}

可能吗？如果是，我做错了什么？

请注意，如果我使用十六进制值作为背景色，我的终端会正常显示颜色。

Answer 1

您的文件可能导入正常，但 GTK CSS 不支持 CSS 变量。（CSS 变量相对较新。）GTK CSS 有自己的定义颜色变量的语法，它早于 CSS 变量语法：@define-color.

Answer 2

感谢 ptomato 的回答，我找到了在 gtk 中导入颜色变量的正确方法 css。

colors.css 现在是：

@define-color bg-color #101e21;

gtk.css 现在是：

@import url("colors.css");
.termite {
    background-color: @bg-color;
}

How to import variables to gtk css file from another css file