Variável no arquivo gtk.css

1. Variável no arquivo gtk.css

ACMM
(usa Ubuntu)

Enviado em 07/08/2021 - 19:59h

Eu estou personalizando um tema que baixei pro meu Ubuntu e está funcionando tudo como deveria. Eu coloquei esse mesmo tema em uma máquina virtual e esta funcionando também. A questão é que eu quero fazer alguns ajustes nas cores e ficar procurando onde mudar uma cor em cada item da interface em um arquivo com mais de 2000 linhas é triste.
Então pensei em usar variáveis (minha interface se resume ao preto e 5 variações do amarelo) no arquivo com CSS e não funcionou o esquema do tipo:

:root{
--cor1: #000000;
--cor2: #ffccoo;
--cor3: #ff9900;
--cor4: #cc9900;
--cor5: #ffff00;
--cor6: #aa9900;
}

entry {
color: var(--cor2);
background-color: var(--cor1);
}

Então eu gostaria de saber se tem uma forma de declarar variáveis nesse tipo de arquivo CSS. Se tiver, me mostrem um exemplo básico de como fazer ou me informem sites ou vídeos sobre o assunto. De tudo o que eu pesquisei até agora, só aparecem tutoriais de como usar variáveis no CSS usado com HTML e não no GTK dos temas do Linux.
Desde já agradeço a ajuda.

0 0

Quote

2. Re: Variável no arquivo gtk.css

Mauriciodez
(usa Debian)

Enviado em 07/08/2021 - 21:01h

https://developer.mozilla.org/pt-BR/docs/Web/CSS/Using_CSS_custom_properties

------------------------------------------------------| Linux User #621728 |------------------------------------------------------



                                " Nem sempre é amigo aquele que te tira do buraco !!! ( Saddam Hussein )"



------------------------------------------------------| Linux User #621728 |------------------------------------------------------

0 0

Quote

3. Re: Variável no arquivo gtk.css

ACMM
(usa Ubuntu)

Enviado em 07/08/2021 - 22:52h

Mauriciodez escreveu:

https://developer.mozilla.org/pt-BR/docs/Web/CSS/Using_CSS_custom_properties

------------------------------------------------------| Linux User #621728 |------------------------------------------------------



                                " Nem sempre é amigo aquele que te tira do buraco !!! ( Saddam Hussein )"



------------------------------------------------------| Linux User #621728 |------------------------------------------------------

Essa foi uma das minhas primeiras fontes de pesquisa e a estrutura que usei de exemplo aqui no fórum, foi baseada nela. Mas não funcionou., infelizmente.
Esse tipo de estrutura, pelo jeito, só funciona com HTML. No GTK não funcionou.
Valeu a ajuda.

Guns don't kill people. People kill people.

0 0

Quote

4. Re: Variável no arquivo gtk.css

SamL
(usa XUbuntu)

Enviado em 07/08/2021 - 23:00h

Dá uma olhada aqui:
https://stackoverflow.com/questions/61379025/how-to-import-variables-to-gtk-css-file-from-another-cs...

0 0

Quote

5. Re: Variável no arquivo gtk.css

ACMM
(usa Ubuntu)

Enviado em 08/08/2021 - 00:57h

SamL escreveu:

Dá uma olhada aqui:
https://stackoverflow.com/questions/61379025/how-to-import-variables-to-gtk-css-file-from-another-cs...

Infelizmente, esse também não funcionou. Eu não entendi pra que serve aquele @define-color. Pois eu tentei colocar em um arquivo separado (myColor.css) só pra importar as cores dele pro arquivo gtk.css e não deu em nada.
Eu tentei colocar assim:

@define-color{

	cor1: #ffcc00;

	cor2: #000000;

	cor3: #ffff00;

	cor4: #9f5f00;

	cor5: #ff9900;

	cor6: #000000;

}

E no arquivo gtk.css fazendo a importação do arquivo myColor.css:

entry {

    color: @cor1;

    background-color: @cor2;

}

Também tentei colocar no arquivo myColor.css assim:

@define-color cor1: #ffcc00;

@define-color cor2: #000000;

@define-color cor3: #ffff00;

@define-color cor4: #9f5f00;

@define-color cor5: #ff9900;

@define-color cor6: #000000;

Colocando as variáveis pra substituir as cores no arquivo gtk.css e não funcionou também.

Mas, de qualquer forma, valeu pela ajuda.

Guns don't kill people. People kill people.

0 0

Quote

6. Re: Variável no arquivo gtk.css

leo2323
(usa Outra)

Enviado em 08/08/2021 - 08:02h

Your file may be importing fine, but GTK CSS doesn't support CSS variables. (CSS variables are relatively new.) GTK CSS has its own syntax for defining color variables, which predates the CSS variable syntax: @define-color.

https://stackoverflow.com/questions/61379025/how-to-import-variables-to-gtk-css-file-from-another-cs...

Parece que sua sintaxe com @define-color precisa melhorar. veja o exemplo:



@define-color bg_color #2d2d2d;

@define-color fg_color #dcdcdc;

@define-color theme_bg_color @bg_color;

@define-color theme_fg_color @fg_color;



.background {

    background-color: @theme_bg_color;

    color: @theme_fg_color;

}

https://gist.github.com/carlos-jenkins/8923124

É claro que você poderá definir as cores no arquivo principal de gtk.css ao invés de fazer uma importação de um outro arquivo, se desejar.

1 0

Quote

7. Re: Variável no arquivo gtk.css

ACMM
(usa Ubuntu)

Enviado em 08/08/2021 - 15:37h

leo2323 escreveu:

https://stackoverflow.com/questions/61379025/how-to-import-variables-to-gtk-css-file-from-another-cs...

Parece que sua sintaxe com @define-color precisa melhorar. veja o exemplo:



@define-color bg_color #2d2d2d;

@define-color fg_color #dcdcdc;

@define-color theme_bg_color @bg_color;

@define-color theme_fg_color @fg_color;



.background {

    background-color: @theme_bg_color;

    color: @theme_fg_color;

}

https://gist.github.com/carlos-jenkins/8923124

É claro que você poderá definir as cores no arquivo principal de gtk.css ao invés de fazer uma importação de um outro arquivo, se desejar.

Esse exemplo parece um pouco menos confuso. Vou dar uma olhada com bem calma e tentar adaptar pro meu código. Valeu a ajuda.

Guns don't kill people. People kill people.

0 0

Quote