Css Variables

[weasnerb]

Is there any way that we can get support for Css Custom Properties (variables)?

I would love to import the generated css vars from pywal so that I can style waybar with the generated colors. It seems that the :root selector is not supported with whatever parsing system is being used in the project.

[Alexays]

In GTK you can do something like this

@define-color custom rgb (181, 171, 156);

#clock {
	color: @custom
}

[weasnerb]

Awesome! Thanks to pywal allowing me to use custom user defined templates this works right out of the box. Thanks!

[AymanLyesri]

Please can u explain how did u achieve it? or provide a code example, thanks :)

[weasnerb]

Please can u explain how did u achieve it? or provide a code example, thanks :)

I created a template file like this:
https://github.com/weasnerb/linux-dots/blob/main/src/.config/wal/templates/colors-custom-gtk3.css

And imported it into my waybar/style.css like this:
https://github.com/weasnerb/linux-dots/blob/main/src/.config/waybar/style.css

[helixoid]

How do you autoreload the waybar once you change the colorscheme?

[weasnerb]

Honestly I just reload my entire window manager, which will restart waybar.
I rarely change my background so it not auto-reloading doesn't bother me.

[amitds1997]

How do you autoreload the waybar once you change the colorscheme?

Just set reload_style_on_change to true in your waybar configuration. (Wiki Link)

If you have waybar >= v0.9.5 (FAQ), then run killall -SIGUSR2 waybar else create a script like so:

#!/usr/bin/env bash

pkill waybar
waybar &

and call it in your colorscheme updating logic.

For example, I change my wallpaper using swww and pywal then it could be something like this:

swww img "<img>" --transition-fps 30 --transition-type center --transition-duration 1
wal -i "<img>" -n -q

# Reload waybar
"<script-or-command>"

Another way is to follow what is mentioned in this comment: #961 (comment) and add your colorscheme file as one of the "notifywait" files.

[rickalex21]

The down side to using GTK variables is it will throw warnings in neovim with css lsp and
there's no way to disable them. Any other suggestions?

I don't understand why css variables not allowed.

[solitudealma]

The down side to using GTK variables is it will throw warnings in neovim with css lsp and使用 GTK 变量的缺点是它会在 neovim 中使用 css lsp 和 there's no way to disable them. Any other suggestions?没有办法禁用它们。还有其他建议吗？

I don't understand why css variables not allowed.我不明白为什么不允许使用 css 变量。

define use less not css