[Issue] AGS Widget broken, no theme and no icons

[ogisan-7]

• I have read the Usage and Troubleshooting pages of the wiki: https://end-4.github.io/dots-hyprland-wiki/en/i-i/04troubleshooting/
• I have made sure that both my config and system packages are up to date
• Linux distro: Arch Linux

---

The issue

After a latter first fresh install i did, everything worked correctly. I decided to tweak some settings in the upper right ags panel about transparency, and after switching something related to transparency off and on my whole ags broke. It has no theme, icons its all grey and misplaced. It fills my whole screen up with gray color when a panel is opened. Surprisingly its still works and the buttons are clickable. Theres theme errors in the logs, but im not sure how they keep remaining after deleting ags and following the troubleshooting guide for ags.

Logs

(com.github.Aylur.ags:18478): Gtk-WARNING **: 02:41:18.496: Theme parsing error: gtk.css:87:30: '' is not a valid color name

(com.github.Aylur.ags:18478): Gtk-WARNING **: 02:41:18.496: Theme parsing error: gtk.css:87:44: Expected a valid selector

(com.github.Aylur.ags:18478): Gtk-WARNING **: 02:41:18.496: Theme parsing error: gtk.css:88:46: Expected a valid selector

(com.github.Aylur.ags:18478): Gtk-WARNING **: 02:41:18.496: Theme parsing error: gtk.css:89:41: Expected a valid selector

(com.github.Aylur.ags:18478): Gtk-WARNING **: 02:41:18.496: Theme parsing error: gtk.css:90:47: Expected a valid selector

(com.github.Aylur.ags:18478): Gtk-WARNING **: 02:41:18.496: Theme parsing error: gtk.css:91:49: Expected a valid selector

(com.github.Aylur.ags:18478): Gtk-WARNING **: 02:41:18.496: Theme parsing error: gtk.css:92:44: Expected a valid selector

(com.github.Aylur.ags:18478): Gtk-WARNING **: 02:41:18.496: Theme parsing error: gtk.css:97:41: Expected a valid selector

(com.github.Aylur.ags:18478): Gtk-WARNING **: 02:41:18.496: Theme parsing error: gtk.css:98:43: Expected a valid selector

(com.github.Aylur.ags:18478): Gtk-WARNING **: 02:41:18.496: Theme parsing error: gtk.css:99:47: Expected a valid selector

(com.github.Aylur.ags:18478): Gtk-WARNING **: 02:41:18.496: Theme parsing error: gtk.css:100:49: Expected a valid selector

(com.github.Aylur.ags:18478): Gtk-WARNING **: 02:41:18.496: Theme parsing error: gtk.css:101:42: Expected a valid selector

(com.github.Aylur.ags:18478): Gtk-WARNING **: 02:41:18.496: Theme parsing error: gtk.css:102:44: Expected a valid selector

(com.github.Aylur.ags:18478): Gtk-WARNING **: 02:41:18.496: Theme parsing error: gtk.css:104:60: Expected a valid selector

(com.github.Aylur.ags:18478): Gtk-WARNING **: 02:41:18.496: Theme parsing error: gtk.css:105:62: Expected a valid selector

(com.github.Aylur.ags:18478): Gtk-WARNING **: 02:41:18.496: Theme parsing error: gtk.css:108:45: Expected a valid selector

(com.github.Aylur.ags:18478): Gtk-WARNING **: 02:41:18.496: Theme parsing error: gtk.css:109:55: Expected a valid selector

(com.github.Aylur.ags:18478): Gtk-WARNING **: 02:41:18.496: Theme parsing error: gtk.css:111:55: Expected a valid selector

(com.github.Aylur.ags:18478): Gtk-WARNING **: 02:41:18.496: Theme parsing error: gtk.css:112:57: Expected a valid selector

(com.github.Aylur.ags:18478): Gtk-WARNING **: 02:41:18.496: Theme parsing error: gtk.css:113:56: Expected a valid selector

(com.github.Aylur.ags:18478): Gtk-WARNING **: 02:41:18.496: Theme parsing error: gtk.css:114:58: Expected a valid selector


(com.github.Aylur.ags:18478): Gjs-CRITICAL **: 02:41:18.863: JS ERROR: TypeError: this._device is undefined
get access_points@resource:///com/github/Aylur/ags/service/network.js:135:9
updateNetworks@file:///home/ognjen/.config/ags/modules/sideright/centermodules/wifinetworks.js:171:50
hook/<@resource:///com/github/Aylur/ags/widgets/widget.js:43:25
_init/GLib.MainLoop.prototype.runAsync/</<@resource:///org/gnome/gjs/modules/core/overrides/GLib.js:263:34


(com.github.Aylur.ags:18478): Gjs-Console-CRITICAL **: 02:41:23.240: CSS ERROR: Invalid name of pseudo-class at line 8 in /home/ognjen/.cache/ags/user/generated/style.css
Gtk.CssProviderError: style.css:9:5Invalid name of pseudo-class
^C⏎                                                                                                 41s ••     
• 󰅙  rm -r ~~/.cache/ags
rm: cannot remove '~~/.cache/ags': No such file or directory
 0s ••     
• 󰅙  rm -r ~/.cache/ags
 0s ••     
•   ags

(com.github.Aylur.ags:18836): Gtk-WARNING **: 02:42:15.528: Theme parsing error: gtk.css:87:30: '' is not a valid color name

(com.github.Aylur.ags:18836): Gtk-WARNING **: 02:42:15.528: Theme parsing error: gtk.css:87:44: Expected a valid selector

(com.github.Aylur.ags:18836): Gtk-WARNING **: 02:42:15.528: Theme parsing error: gtk.css:88:46: Expected a valid selector

(com.github.Aylur.ags:18836): Gtk-WARNING **: 02:42:15.528: Theme parsing error: gtk.css:89:41: Expected a valid selector

(com.github.Aylur.ags:18836): Gtk-WARNING **: 02:42:15.528: Theme parsing error: gtk.css:90:47: Expected a valid selector

(com.github.Aylur.ags:18836): Gtk-WARNING **: 02:42:15.528: Theme parsing error: gtk.css:91:49: Expected a valid selector

(com.github.Aylur.ags:18836): Gtk-WARNING **: 02:42:15.528: Theme parsing error: gtk.css:92:44: Expected a valid selector

(com.github.Aylur.ags:18836): Gtk-WARNING **: 02:42:15.529: Theme parsing error: gtk.css:97:41: Expected a valid selector

(com.github.Aylur.ags:18836): Gtk-WARNING **: 02:42:15.529: Theme parsing error: gtk.css:98:43: Expected a valid selector

(com.github.Aylur.ags:18836): Gtk-WARNING **: 02:42:15.529: Theme parsing error: gtk.css:99:47: Expected a valid selector

(com.github.Aylur.ags:18836): Gtk-WARNING **: 02:42:15.529: Theme parsing error: gtk.css:100:49: Expected a valid selector

(com.github.Aylur.ags:18836): Gtk-WARNING **: 02:42:15.529: Theme parsing error: gtk.css:101:42: Expected a valid selector

(com.github.Aylur.ags:18836): Gtk-WARNING **: 02:42:15.529: Theme parsing error: gtk.css:102:44: Expected a valid selector

(com.github.Aylur.ags:18836): Gtk-WARNING **: 02:42:15.529: Theme parsing error: gtk.css:104:60: Expected a valid selector

(com.github.Aylur.ags:18836): Gtk-WARNING **: 02:42:15.529: Theme parsing error: gtk.css:105:62: Expected a valid selector

(com.github.Aylur.ags:18836): Gtk-WARNING **: 02:42:15.529: Theme parsing error: gtk.css:108:45: Expected a valid selector

(com.github.Aylur.ags:18836): Gtk-WARNING **: 02:42:15.529: Theme parsing error: gtk.css:109:55: Expected a valid selector

(com.github.Aylur.ags:18836): Gtk-WARNING **: 02:42:15.529: Theme parsing error: gtk.css:111:55: Expected a valid selector

(com.github.Aylur.ags:18836): Gtk-WARNING **: 02:42:15.529: Theme parsing error: gtk.css:112:57: Expected a valid selector

(com.github.Aylur.ags:18836): Gtk-WARNING **: 02:42:15.529: Theme parsing error: gtk.css:113:56: Expected a valid selector

(com.github.Aylur.ags:18836): Gtk-WARNING **: 02:42:15.529: Theme parsing error: gtk.css:114:58: Expected a valid selector


(com.github.Aylur.ags:18836): Gjs-CRITICAL **: 02:42:15.894: JS ERROR: TypeError: this._device is undefined
get access_points@resource:///com/github/Aylur/ags/service/network.js:135:9
updateNetworks@file:///home/ognjen/.config/ags/modules/sideright/centermodules/wifinetworks.js:171:50
hook/<@resource:///com/github/Aylur/ags/widgets/widget.js:43:25
_init/GLib.MainLoop.prototype.runAsync/</<@resource:///org/gnome/gjs/modules/core/overrides/GLib.js:263:34


(com.github.Aylur.ags:18836): Gjs-Console-CRITICAL **: 02:42:20.274: CSS ERROR: Invalid name of pseudo-class at line 8 in /home/ognjen/.cache/ags/user/generated/style.css
Gtk.CssProviderError: style.css:9:5Invalid name of pseudo-class

[UMCEKO]

This. Except when I turn on transparency, my whole WM crashes and I get locked out of hyprland

[cicklolwut]

Have you tried setting a wallpaper? If you don't set one before turning transparency on, it breaks things. I needed to switch to another DE to get into the config to reset after I did the same (you could probably tty if neccessary)

@ogisan-7 The errors in your log seem to be related to the color picker from what I can tell (I'm pretty new to this, though). By default, ags runs a script to grab colors from your wallpaper for coloring various UI elements. If the script has nothing to grab from, it basically crashes and burns.

If you have another DE/WM available, you can try running switchwall.sh in ~/.config/ags/scripts/color_generation and setting your wallpaper from the popup, then logout and switch back to hyprland.

Also - you might consider deleting the ~/.cache/ags/user/generated folder, first, as described in #957 , that might be enough to get you back into hyprland to use the switchwall keybind (ctrl+win+T)

[cristoxdxd]

I’m experiencing the same issue, and clearing the cache doesn’t resolve it. I even tried reinstalling the application, but the problem persists.

When I reinstall, the bar doesn’t appear, and the error doesn’t show up. However, when I reassign a wallpaper using the keybind (CTRL + WIN + T), the error shown in the image appears.

Previously, when running AGS, I encountered an error related to the Aylur/AGS services.

Everything else seems to be functioning correctly.

[cicklolwut]

I’m experiencing the same issue, and clearing the cache doesn’t resolve it. I even tried reinstalling the application, but the problem persists.

When I reinstall, the bar doesn’t appear, and the error doesn’t show up. However, when I reassign a wallpaper using the keybind (CTRL + WIN + T), the error shown in the image appears.

Previously, when running AGS, I encountered an error related to the Aylur/AGS services.

Everything else seems to be functioning correctly.

If it's AGS you reinstalled, I'm not sure if that clears the original config - does your ags config folder match the image below?

I'm assuming the switchwall script is there since you were able to use the keybind to call the window.. also check the templates folder to make sure at least the gradience and hypr folders are there. The applycolor script is what's responsible for passing the values from colorgen (which is called after switchwall)

if they don't match (aside from my own additions) you should be able to just grab the config files from the repo and apply them.

[cristoxdxd]

@cicklolwut
I reviewed the folders, and they seem to match the ones in the images you provided:

I also tried grabbing the config files from the repo as suggested, but unfortunately, it still doesn't work.