Color Manager

Color Manager is a program for recoloring and manipulating existing icon packs, themes and wallpapers. The program is designed for NovaOS (Linux) and is written in python. If you publish anything that was generated using this program, make sure to credit the original creator and this repository.

Showcase

Below are examples of what can be done using this library. Using it in a simple python script, you can define a pipeline to automatically customize assets exactly as you see fit.

Icon-pack Recoloring and Editing

Add customizable backdrops to all your icons.

Examples	`rounding=0.0`	`rounding=0.5`	`rounding=1.0`
`padding=0` `color="#000000"`
`padding=2` `color="#112288"`
`padding=4` `color="#551144"`

Theme-pack Recoloring

In these examples, my own theme and icon-pack have been recolored for inspiration. These are available for download under releases.


Nord	Woodland	Beach

More theme recoloring examples

These are simple monochromatic recolors of my own theme and the papirus icon pack. Multichromatic recoloring based on a palette or mapping also works. Recoloring works on any svg/css/png/jpg/xml-based theme, which include GTK-, Cinnamon-, Gnome-shell- and metacity-themes.

Wallpaper Recoloring

Operation	Result
Original
Monochrome: `(0.6,0.54,0.5)`
Multichrome: `nord.json` `smooth=false`
Multichrome: `nord.json` `smooth=true`
Remapping: `renord.json` Remap of previous to alterate nord colors.
Extraction: Original `num=10`

GUI

The program is also available with a graphical frontend. Features for this may lack slightly behind.

Examples

Either import utils into your own script and call its functions, e.g.:

from color_manager import utils

Recoloring collections:

src     = "test/graphics" # Also try "test/theme"
name    = "my_pack"
dest    = "~/Downloads"
color   = (0.5, 0.5, 0.5) # = rc.norm_hsl(180, 50, 50)
palette = "palettes/nord.json"
mapping = "mappings/renord.json"

utils.recolor(src, dest, name, color) # Either color, palette, or mapping.

Extracting color palette:

image      = "test/graphics/imgs/lake_cabin.png" # Also try an svg.
num_colors = 10 # May be any number.
output     = "resources/palette.png" # Optional - saves colors as image.

utils.extract_colors(image, num_colors, output)

Adding backdrops to svg icons:

src      = "test/graphics"
name     = "my_pack"
dest     = "~/Downloads"
color    = "#000000" # Optional - Defaults to black.
padding  = 0   # Optional - Between backdrop and edge.
rounding = 0.5 # Optional - Between 0 and 1, i.e. rectangle and ellipse.

utils.add_backdrop(src, dest, name, color, padding, rounding)

Or launch the GUI by running python3 color_manager/gui.py in a terminal from the project's root directory. The GUI will adopt your active theme. Dependencies: colormath, tqdm and pillow. For the GUI, pygobject (GTK bindings) must also be installed.

Defining a palette or mapping is either done as a dict-object or as an external json-file, e.g.:

my_palette = {
    "type": "palette",
    "name": "...",
    "desc": "...",
    "smooth": True,
    "colors": [
        "#ffffff",
        "#000000",
        ...
    ]
}

my_mapping = {
    "type": "mapping",
    "name": "...",
    "desc": "...",
    "smooth": True,
    "map": {
        "#ffffff": "#000000",
        "#f0f0f0": "#0f0f0f",
        ...
    }
}

Examples of both as json-files are available in this repository.

Performance

Currently, three operations are supported:

Type	Result	Speed	Support
Monochrome recoloring	A monochromatic variant, colored by appropriate shades of the provided base color.	~5000svg/s ~500png/s	svg, xml, css, png, jpg
Palette recoloring	A multichromatic variant, where all colors are replaced by their nearest perceived equivalent that adheres to the provided color palette.	~100svg/s ~3png/s	svg, xml, css, png, jpg
Color remapping	A multichromatic variant, where all colors that are specified in a given map will be replaced as dictated by said map.	~1000svg/s ~10png/s	svg, xml, css, png, jpg
Extract colors	Returns and optionally saves the color palette of an image, in specified detail.	~10colors/s	svg, xml, css, png, jpg
Add backdrop	Add a rectangular or elliptical background (and anything in between) to all svg icons.	~5000svg/s	svg

Speeds were recorded with an Intel i7-4770K CPU and is strongly dependent on file sizes. Any asset can serve as the base for any color palette or base color. Svg/css recolorings will always be perfect, but png/jpgs may require experimentation.

Tip: To increase the quality, i.e. decrease the perceived noise of multichromatic recolorings of pngs/jpgs, either...

Increase the number of colors in the palette you provide to the program, e.g. populate it with slight variations of the existing colors
Decrease the number of colors in your original image, e.g. using a function like Image.quantize() from pillow.
Experiment with setting smooth to true/false in the palette json file.

Roadmap

Requests

Until the release official release of Color Manager, I will be taking requests for recolorings. Simply submit a feature request, specifying what you would like to see. Please star the repository or consider donating, and I will upload your requested variant. Also consider showing the creators of the original artworks some love.

Contribute

If you are experienced with packaging projects such as this for easy distribution, i.e. as deb, appimage or flatpaks, please contact me.

Legal Notice: This repository, including any and all of its forks and derivatives, may NOT be used in the development or training of any machine learning model of any kind, without the explicit permission of the owner of the original repository.

ItsTerm1n4l/Color-manager