我想将颜色变量从另一个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);
}
有可能吗?如果是,我在做什么错?
注意,如果我使用十六进制值作为背景色,则终端将正常显示颜色。
您的文件可能导入正常,但是GTK CSS不支持CSS变量。 (CSS变量相对较新。)GTK CSS具有定义颜色变量的语法,该语法早于CSS变量语法:@define-color
。
感谢ptomato的回答,我找到了在gtk css中导入颜色变量的正确方法。
colors.css现在是:
@define-color
gtk.css现在是:
@define-color bg-color #101e21;