Support for automatic theme generation from wallpaper

[avanisubbiah]

I created a script here that creates a preset.json file with color definitions from any provided image (Created using material-color-utilities).

I was wondering if it would be possible to integrate this functionality into AdwCustomizer as a section in the themes drop down to allow the user to select an automatically generated light or dark theme using their wallpaper. I don't know if it will be entirely possible because I had to write the script in JavaScript because material-color-utils doesn't currently have a Python library yet.

[daudix]

I have done Mockup for this in #25, I really want it too.

[avanisubbiah]

I published an npm package for the script here so the script could be integrated by having main.py checking if the npm package has been installed, if not run npm install -g adwaita-materialu, and then run gen-materialu-theme -i <Path to image file> -t <Theme type (dark|light)> to create the auto generated presets.

However, I am not sure if a flatpak can install an npm package within itself.

[daudix]

I am not a developer (for now), but i think we can add this script directly in the project, or like with blueprint-compiler, pull it from git repo

[ArtyIF]

I'll probably do it one day. I think it'll be better to rewrite the program so it was more oomox-like for easier integration of new features.

[avanisubbiah]

I am not a developer (for now), but i think we can add this script directly in the project, or like with blueprint-compiler, pull it from git repo

I looked into some solutions, but there really isn't any good way to get around the dependency of requiring all of NodeJS installed to run the script because the material-color-utilities JavaScript package is only usable with ES6 and pkg only compiles JavaScript packages that use ES5 and below. Some other options like ncc and caxa package it into a single file but still require Node to be installed locally on the system to run it. This is a bit of a problem for it to be usable in flatpak because there isn't a flatpak distribution of NodeJS available, so the user would have to manually install that through their package manager.

I'm currently working on porting material-color-utilities to Python in this repo so this script can be run without Node.

[daudix]

Good luck!

[avanisubbiah]

Good luck!

Progress went very well. I have ported the whole material-color-utilities library to Python (available here).

It should be very easy now to integrate this into the project. The only dependency it uses is pillow because I could not find any other obvious way to iterate through pixels in an image and convert formats without it. Also there is some usage examples of how to generate themes or source colors from images on the repo README.

[daudix]

This is just amazing!

[0xMRTT]

Hi @avanishsubbiah.

Do you want to add this repo to the org, it will be more easy to integrate your amazing tool with Adwaita Manager.

[avanisubbiah]

Hi @avanishsubbiah.

Do you want to add this repo to the org, it will be more easy to integrate your amazing tool with Adwaita Manager.

Hello, I'm currently working on updating the code to follow Google's Python guidelines so it can be added into the material-color-utilities repo (pr here). The current code works just fine, it just needs some variables renamed so feel free to fork and use it.

[0xMRTT]

Thanks 👍🙏. I'll include ur generator in the UI redisgn

[0xMRTT]

I'm working on.

@daudix-UFO: I need to add a combobox for selecting the tone. If the tone is low, the color will be darker, if the tone is high, the color will be lighter