如何从另一个CSS文件将变量导入gtk CSS文件

问题描述 投票:0回答:2

我想将颜色变量从另一个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);
}

有可能吗?如果是,我在做什么错?

注意,如果我使用十六进制值作为背景色,则终端将正常显示颜色。

css terminal gtk
2个回答
0
投票

您的文件可能导入正常,但是GTK CSS不支持CSS变量。 (CSS变量相对较新。)GTK CSS具有定义颜色变量的语法,该语法早于CSS变量语法:@define-color


0
投票

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

colors.css现在是:

@define-color

gtk.css现在是:

@define-color bg-color #101e21;
© www.soinside.com 2019 - 2024. All rights reserved.