Migrate to AGS v3 and GTK 4 #14

retrozinndev · 2025-07-02T22:41:30Z

This PR merges a full-rewrite that migrates colorshell to GTK4 and the new AGS v3, containing some new features and improvements.
It's all done, I'm just waiting for AGS v3 to be an actual tagged-release in the repository, so I can start distributing as a stable build, together with the release of the new AGS version.

You can already use this version if you want to, it's working completely fine. But don't forget to be using the aylurs-gtk-shell-git package instead of the common one!

also re-added some windows to the windows list(they were causing issues before)

retrozinndev · 2025-07-08T01:01:16Z

The shell has already been fully migrated to AGS v3 and GTK4, but I'm getting some errors with the new <With> and <For> components from AGS v3, so expect a little bit of delay.

I'm really sorry.

retrozinndev · 2025-07-12T02:09:30Z

My graphics card died 😭
The development will take longer than expected 😔

I'm sorry again.

NotMephisto · 2025-07-12T15:00:26Z

My graphics card died 😭 The development will take longer than expected 😔

That's sucks :c

I'm sorry again.

This is unfortunate, but there is no update for me regarding the package on Fedora yet. Therefore, it will be some time before I encounter a new syntax. Meanwhile, I am working on an algorithm that will allow me to extract colors from an image without the need for libraries or binaries such as pywal or matugen. This will provide more flexibility in using the color functionality in the interface, similar to what is available in Android 12 and later versions. For example, the player can now be painted in the color of the cover, and the source color is obtained using color quantization.

retrozinndev · 2025-07-12T18:22:33Z

That's sucks :c

Yeah 😭
The repo will likely be inactive for two or more weeks, until I get a new GPU 😔

This is unfortunate, but there is no update for me regarding the package on Fedora yet. Therefore, it will be some time before I encounter a new syntax.

Good! The thing is that it's not a tagged release on AGS yet, so the only people affected are the ones who are using the git build(main branch).

Meanwhile, I am working on an algorithm that will allow me to extract colors from an image without the need for libraries or binaries such as pywal or matugen.

Wow! This is amazing 🤩

This will provide more flexibility in using the color functionality in the interface, similar to what is available in Android 12 and later versions. For example, the player can now be painted in the color of the cover, and the source color is obtained using color quantization.

Yay!! Loving it already!
Thanks for putting so much effort on making colorshell better! I'm really thankful 😊

retrozinndev · 2025-07-17T16:40:19Z

I'm back!! Just got a new graphics card 🤩

… existing widgets focused-client widget now updates when your open a new window in a clean workspace

NotMephisto · 2025-07-18T13:59:33Z

I'm back!! Just got a new graphics card 🤩

That's great!

it can be disabled within the colorshell's configuration file, under the `misc` section: misc:play_bell_on_volume_change: (true|false)

NotMephisto · 2025-07-19T11:15:24Z

This is unfortunate, but there is no update for me regarding the package on Fedora yet. Therefore, it will be some time before I encounter a new syntax. Meanwhile, I am working on an algorithm that will allow me to extract colors from an image without the need for libraries or binaries such as pywal or matugen. This will provide more flexibility in using the color functionality in the interface, similar to what is available in Android 12 and later versions. For example, the player can now be painted in the color of the cover, and the source color is obtained using color quantization.

I have created a basic function to extract colors from an image. I decided to use Material-Color-Utilities for this task due to its extensive features and ease of use.
Initially, I attempted to write my own algorithm, but I was not satisfied with the results, so I opted for a pre-built solution. Why reinvent the wheel?
I am eagerly awaiting your successful transfer of the code to ags3.
I have already created a preliminary build in my fork of Kikuri. Feel free to experiment with it.
However, I have been contemplating how to implement the use of generated colors from the image in ags. I have come up with two approaches:

Rewrite the scss file with the colors and then recompile it.
Use the resulting colors directly in the code by utilizing the css=/$= syntax and assigning each element a color.

In the future, it will be possible to add a function to blend colors or adjust them.

…`, fix `omitObjectKeys()` changing the provided object instead of creating a new one

retrozinndev · 2025-07-19T19:26:27Z

I have created a basic function to extract colors from an image. I decided to use Material-Color-Utilities for this task due to its extensive features and ease of use.

Cool!! The Material palette is really amazing.

Why reinvent the wheel?

Makes sense!

I am eagerly awaiting your successful transfer of the code to ags3

I just got PopupWindow working alright, now it only needs some adjustments.
The migration will be likely finished under 4 days or less.

I have already created a preliminary build in my fork of Kikuri. Feel free to experiment with it.

That's nice!! I will take a look when I have time!

However, I have been contemplating how to implement the use of generated colors from the image in ags. I have come up with two approaches:

Rewrite the scss file with the colors and then recompile it.

Use the resulting colors directly in the code by utilizing the css=/$= syntax and assigning each element a color.

In the future, it will be possible to add a function to blend colors or adjust them.

Hmm, rewriting the SCSS and compiling it again seems to be the more convenient way of doing this. Otherwise, we would need to rewrite the whole stylesheet for every single widget, which is not a good way of doing this.

Why not create the colors stylesheet outside of the XDG_CONFIG_DIR/ags(the colorshell source path) and putting it in a separate directory from source? e.g.: since it's a temporary file from the shell's current state(it'll be created again if the user changes wallpaper), put the stylesheet with the colors inside XDG_STATE_HOME/colorshell/colors.scss. Then we compile it with the shell's own styles to make an output style.css that's applied to the shell.

Also, I was thinking of changing how colorshell is installed, by making it bundled in a single file, instead of copying the whole source to the ags dir.
Maybe also giving the user two options in the installation script: to install the bin(tagged release) or git(source, which is the current one) would be better.

Do you think this is great?

NotMephisto · 2025-07-19T20:21:56Z

Hmm, rewriting the SCSS and compiling it again seems to be the more convenient way of doing this. Otherwise, we would need to rewrite the whole stylesheet for every single widget, which is not a good way of doing this.

Why not create the colors stylesheet outside of the XDG_CONFIG_DIR/ags(the colorshell source path) and putting it in a separate directory from source? e.g.: since it's a temporary file from the shell's current state(it'll be created again if the user changes wallpaper), put the stylesheet with the colors inside XDG_STATE_HOME/coloshell/colors.scss. Then we compile it with the shell's own styles to make an output style.css that's applied to the shell.

I was planning to make the ecosystem that I made with Matugen the same as here, so that all applications would also be repainted to match the color of the wallpaper. Therefore, you will most likely need to create a separate directory for templates (adw-gtk, steam, hyprland, etc.). If these are temporary files, it is better to throw them into the .cache directory, and the main colors.scss is better closer to the colorshell directory. An example of how to use a cache file

Then you can add a window with settings to change the color palette and other settings. An example from the ags2-shell repository from TheWolfStreet.

Also, I was thinking of changing how colorshell is installed, by making it bundled in a single file, instead of copying the whole source to the ags dir. Maybe also giving the user two options in the installation script: to install the bin(tagged release) or git(source, which is the current one) would be better.

Do you think this is great?

The more choices there are, the better for everyone. I think so :)

now, everything is inside a single object! much better

the inset box-shadow on hover technique doesn't work anymore 😭

support for default bluetooth adapter, notification popup position in configuration, code improvements

plus, better code for bluetooth device pairing and connecting

…cies it's also a runtime dependency

`generalConfig` and `userData` are now stored under src/config.ts

- save night light filter data in `userData` - better click detection in control center tiles - continue development of the native polkit agent - start night light module on shell init, drop hyprsunset scripts

…of the userData implementation

use `startedAtSeconds`(the base seconds) instead of `seconds`(the second count that resets when it hits 60)

…ce secureBinding secureBinding is used to bind to an object's property, just like in createBinding, but with the possibility of adding a default value, for when errors occur, it returns that value

…)` to notify brightness on-screen display

the bluetooth module was trying to connect to the bluetooth service before it was ready

also started developing the universal compositor implementation again

…eature for gnim-utils

the connect method doesn't exist in the dummy player, so errors were happening

…tile

now it's fixed!

retrozinndev added 2 commits June 30, 2025 17:54

🔧 chore(windows): migrate windowing system to gtk4 and ags v3

29f5c04

🔧 chore(scripts): migrate util scripts to gtk4 and ags v3

33e6ee2

retrozinndev linked an issue Jul 2, 2025 that may be closed by this pull request

Errors in new AGS v3 (git) #12

Closed

retrozinndev added 9 commits July 6, 2025 19:53

🔧 chore(gitignore): ignore pnpm-lock

f98357f

✨ chore: migrate all windows to gtk4 and ags v3

8fd0095

🔧 chore: add pnpm-workspace for dependency linking

2df219e

✨ chore: migrate runner and plugins to ags v3 and gtk4

3b03c43

✨ chore: migrate bar widgets to ags v3 and gtk4

7b758bd

✨ chore: control-center and center-window widgets to gtk4 and ags v3

9db1d6f

✨ chore: migrate widgets to ags v3 and gtk4

b90a799

✨ chore: migrate shell to ags v3 and gtk4

246698c

💥 fix: correctly use centerbox with gtkbuilder types, fix styles

2fb3b68

also re-added some windows to the windows list(they were causing issues before)

retrozinndev added 3 commits July 18, 2025 00:02

♻️ refactor(icons): organize icons according to freedesktop specs

6de48dc

💥 fix(bar/media): play/pause not working when clicked

26778e9

💄 chore(style, widget): update styles for gtk4 and fix some issues on…

07d3074

… existing widgets focused-client widget now updates when your open a new window in a clean workspace

✨ feat: play system bell on volume change

a06fb5f

it can be disabled within the colorshell's configuration file, under the `misc` section: misc:play_bell_on_volume_change: (true|false)

🔧 chore(scripts/utils): support common arrays on `variableToBoolean()…

5465f09

…`, fix `omitObjectKeys()` changing the provided object instead of creating a new one

retrozinndev added 4 commits July 23, 2025 20:32

💥 fix(popup-window): now it works as intended

b0ec47d

✨ chore: better window management

6b667f5

now, everything is inside a single object! much better

💄 chore(style): fix some styles, update others to work on gtk4

9a7857e

the inset box-shadow on hover technique doesn't work anymore 😭

💄 chore(style): also fix some global styles

69b098b

retrozinndev added 28 commits September 24, 2025 21:48

✨ feat: a lot of new stuff!

7f3e66c

support for default bluetooth adapter, notification popup position in configuration, code improvements

♻️ refactor: reorganize windows and widgets in a modular way

ba83c67

plus, better code for bluetooth device pairing and connecting

📚 docs(readme): remove libastal-meta from development-only dependen…

2e8b1f8

…cies it's also a runtime dependency

🔧 chore(modules/bluetooth): also select default adapter on bluetoothctl

e07ef2e

🔧 chore(modules/bluetooth): save last default adapter in user data

c8364c9

💥 fix: config being declared after its usage

30e0f24

`generalConfig` and `userData` are now stored under src/config.ts

🔧 chore: general improvements

e1a3e65

- save night light filter data in `userData` - better click detection in control center tiles - continue development of the native polkit agent - start night light module on shell init, drop hyprsunset scripts

🔧 chore(hypr/scripts): drop save/load-hyprsunset.sh scripts in favor …

6d55afb

…of the userData implementation

💥 fix(modules/recording): minutes count is wrong

de3a1e2

use `startedAtSeconds`(the base seconds) instead of `seconds`(the second count that resets when it hits 60)

🔧 chore(osd, modules/utils): better OSDMode implementation, introdu…

8f73e01

…ce secureBinding secureBinding is used to bind to an object's property, just like in createBinding, but with the possibility of adding a default value, for when errors occur, it returns that value

💥 fix(modules/nightlight): set temperature if identity is disabled

6018d6d

🔧 chore(modules/utils, osd): use secureBaseBinding() for osd modes

914d949

💥 fix(osd): use OSDMode as a parameter instead of function

087bafb

🔧 chore(app): use new createSubscription() with `secureBaseBinding(…

3c919c9

…)` to notify brightness on-screen display

🌐 feat(i18n): add translations for media controls

c4eb2a8

💥 fix: slow start

b835de7

the bluetooth module was trying to connect to the bluetooth service before it was ready

🔧 chore: use retrozinndev/gnim-utils for extra function in utils module

76f90c4

also started developing the universal compositor implementation again

📚 docs(readme): update features

1996ab8

🔧 chore: start new cli development, use pnpm's built-in github repo f…

14a3855

…eature for gnim-utils

⚡ perf(modules/media): better implementation

62d7fd5

💥 fix(bar/media): connecting to dummy player

6793a68

the connect method doesn't exist in the dummy player, so errors were happening

🔧 chore(control-center/tiles): better implementation for the network …

4861337

…tile

💥 fix(control-center/tiles): can't enable networking after disabling

571f2be

💥 fix(control-center/tiles): couldn't enable network after disabling

40c6154

now it's fixed!

🔧 chore(control-center/tiles): remove log output from network tile

a7402a8

🔧 chore(install): install and update project deps before build

44e68a0

🔧 chore(install): update default branch to ryo

7feffef

Merge branch 'ryo' into gtk4-ags3

26a0202

retrozinndev merged commit 9d1e91f into ryo Oct 23, 2025

retrozinndev deleted the gtk4-ags3 branch October 23, 2025 10:31

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Migrate to AGS v3 and GTK 4 #14

Migrate to AGS v3 and GTK 4 #14

Uh oh!

retrozinndev commented Jul 2, 2025 •

edited

Loading

Uh oh!

retrozinndev commented Jul 8, 2025 •

edited

Loading

Uh oh!

retrozinndev commented Jul 12, 2025

Uh oh!

NotMephisto commented Jul 12, 2025

Uh oh!

retrozinndev commented Jul 12, 2025

Uh oh!

retrozinndev commented Jul 17, 2025

Uh oh!

NotMephisto commented Jul 18, 2025

Uh oh!

NotMephisto commented Jul 19, 2025 •

edited

Loading

Uh oh!

retrozinndev commented Jul 19, 2025 •

edited

Loading

Uh oh!

NotMephisto commented Jul 19, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Uh oh!

Migrate to AGS v3 and GTK 4 #14

Migrate to AGS v3 and GTK 4 #14

Uh oh!

Conversation

retrozinndev commented Jul 2, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

retrozinndev commented Jul 8, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

retrozinndev commented Jul 12, 2025

Uh oh!

NotMephisto commented Jul 12, 2025

Uh oh!

retrozinndev commented Jul 12, 2025

Uh oh!

retrozinndev commented Jul 17, 2025

Uh oh!

NotMephisto commented Jul 18, 2025

Uh oh!

NotMephisto commented Jul 19, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

retrozinndev commented Jul 19, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

NotMephisto commented Jul 19, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

retrozinndev commented Jul 2, 2025 •

edited

Loading

retrozinndev commented Jul 8, 2025 •

edited

Loading

NotMephisto commented Jul 19, 2025 •

edited

Loading

retrozinndev commented Jul 19, 2025 •

edited

Loading