Как импортировать переменные в файл gtk css из другого файла css

Question

Я хотел бы импортировать переменные цвета из другого файла css в мой файл gtk. css, они находятся в одном каталоге.

Так что мои цвета. css is:

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

Я пытался импортировать это в моем GTK. css с:

@import url("colors.css");

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

Возможно ли это? Если это так, что я делаю не так?

Обратите внимание, что если я использую шестнадцатеричное значение для цвета фона, мой терминал отображает цвет нормально.

Answer 1

Благодаря ответу ptomato, я нашел правильный способ импорта цветовых переменных в gtk css.

цветов. css теперь:

@define-color bg-color #101e21;

GTK. css сейчас:

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

Answer 2

Ваш файл может импортироваться нормально, но GTK CSS не поддерживает CSS переменные. (CSS переменные относительно новые.) GTK CSS имеет свой собственный синтаксис для определения цветовых переменных, который предшествует синтаксису переменной CSS: @define-color.