Colorfull Icons refresh x 1.0
Synopsis
I want to find a good way to refresh color icons to all not confortable with symbolic
Audience:
All collorfull theme users
Title:
New Icons for Inkscape 1.0 (Colorfull and Symbolic)
Author:
I think we need to find a unique designer for consistency maybe with a contest or a crazy idea like 1 Day 1 Icon
whre each daw we do a collaborative work on 1 icon (but with a master designer fo base it)
Rewrite of the issue to fit current status:
Currently we have a new colorizable theme called "multicolor-beta" [alpha/share/icons/multicolor-beta] mostly thanks to the work of @adam.belis and @ede123. Code wise is ready except the grouping icons, we need to consensuous opinions here and in team_ux of Rocket.Chat.
For creating multicolor themes we have some constrains:
- we can`t use strokes but we can supply with the LPE join type to create the stroke and with the LPE clone original to provide fills
- We need to use solid fills and use bands or patterns to simulate gradients
- We can't use filters but we can use LPE
- We can't have a lot of colors, we can oly use 5:
- Foreground color usualy white or black
- Background color, oposite color usualy showed looking throught holes or spaces.
- ".success" class provide one color and it can have opacities. in the style attribute we want to put only opacity, color is set applying classes, the same for the other 2
- ".warning"
- ".danger"
Normaly .danger is red, warning is orange and success green, but with a CSS file in hicolor folder we can define the colors used by any theme want to have this feature (for the moment we must focus in finish this one).
In this file we have:
- 4 colors to use 3+foreground.
- 4 colors to use 3+foreground for dark themes if we want to change it a bit.
- A helper class called .dark #background used on design process.
In the user point of view this colors are a sugestion but the user can change to anything with a live preview
In the designer point of view, we need to read this issue to get background and contribute in any way you wanted.
To create/edit a icon:
- Open one existing icon in multicolor-beta theme
- Save with the name of the new icon.
- Remove his contents retaining the group and the path with id "background"
- Create a icon with the previous constrain or
- Open the same icon in hicolor/symbolic/actions and modify it
- To modify it:
- Keep simple
- Add classes with the CSS inspector to the wanted colorizable parts if any, usualy we worrk with 1 or 2 color per icon
- Go to parent group and add class .dark to see it in a dark preview.
Thanks for trying to understand me, see you here!