I like them a lot better!
I don't know if we are at that stage already, but eventually I think it would be good to have a "polishing" pass to make them fit into the same visual language (with consistent corner style, line width). A little bit more like the icons of this tool that @thadguidry shared earlier:
Also, for some of them (primarily star, flag) I think they could be aligned to the icons we currently use in the tool. Because those would need vectorizing I have opened an issue about that:
opened 01:56PM - 15 Apr 24 UTC
Type: Feature Request
Theme: UI/Visual
This issue is here to keep track of all the raster images that we include as par… t of OpenRefine's UI.
We would like to migrate them to SVGs instead, for better scalability and flexibility of styling (for instance to implement a dark mode).
As we work on migrating away from those raster images, we would like to preserve (or improve) the consistency of the visual style of OpenRefine, but we don't expect pixel-perfect replacements at all.
Any help to replace those PNG files would be most welcome, even without making the associated code changes: feel free to just upload the proposed SVG replacements as a comment on this issue and someone else can take care of integrating them in the code base.
**Note:** in the [graphics](https://github.com/OpenRefine/OpenRefine/tree/master/graphics) folder we have some PSD files which you could also work from (they are likely in higher resolution)
This is the current list of PNGs:
* [ ] [main/webapp/modules/core/images/close.png](https://github.com/OpenRefine/OpenRefine/blob/master/main/webapp/modules/core/images/close.png)
* [ ] [main/webapp/modules/core/images/slider-handle.png](https://github.com/OpenRefine/OpenRefine/blob/master/main/webapp/modules/core/images/slider-handle.png)
* [ ] [main/webapp/modules/core/images/menu-dropdown.png](https://github.com/OpenRefine/OpenRefine/blob/master/main/webapp/modules/core/images/menu-dropdown.png)
* [ ] [main/webapp/modules/core/images/scatterplot-icons.png](https://github.com/OpenRefine/OpenRefine/blob/master/main/webapp/modules/core/images/scatterplot-icons.png)
* [ ] [main/webapp/modules/core/images/leftpanel-showhide.png](https://github.com/OpenRefine/OpenRefine/blob/master/main/webapp/modules/core/images/leftpanel-showhide.png)
* [ ] [main/webapp/modules/core/images/minimize-map.png](https://github.com/OpenRefine/OpenRefine/blob/master/main/webapp/modules/core/images/minimize-map.png)
* [ ] [main/webapp/modules/core/images/star-flag-map.png](https://github.com/OpenRefine/OpenRefine/blob/master/main/webapp/modules/core/images/star-flag-map.png)
* [ ] [main/webapp/modules/core/images/right-arrow.png](https://github.com/OpenRefine/OpenRefine/blob/master/main/webapp/modules/core/images/right-arrow.png)
* [ ] [main/webapp/modules/core/images/menu-opener.png](https://github.com/OpenRefine/OpenRefine/blob/master/main/webapp/modules/core/images/menu-opener.png)
* [ ] [main/webapp/modules/core/images/close-map.png](https://github.com/OpenRefine/OpenRefine/blob/master/main/webapp/modules/core/images/close-map.png)
* [ ] [main/webapp/modules/core/images/down-arrow.png](https://github.com/OpenRefine/OpenRefine/blob/master/main/webapp/modules/core/images/down-arrow.png)
* [ ] [main/webapp/modules/core/images/favicon.png](https://github.com/OpenRefine/OpenRefine/blob/master/main/webapp/modules/core/images/favicon.png)
* [ ] [main/webapp/modules/core/images/facet-resize-handle.png](https://github.com/OpenRefine/OpenRefine/blob/master/main/webapp/modules/core/images/facet-resize-handle.png)
* [ ] [main/webapp/modules/core/images/logo-gem-126.png](https://github.com/OpenRefine/OpenRefine/blob/master/main/webapp/modules/core/images/logo-gem-126.png) - #6316
* [ ] [main/webapp/modules/core/images/checks-map.png](https://github.com/OpenRefine/OpenRefine/blob/master/main/webapp/modules/core/images/checks-map.png)
* [ ] [main/webapp/modules/core/images/star.png](https://github.com/OpenRefine/OpenRefine/blob/master/main/webapp/modules/core/images/star.png)
* [ ] [main/webapp/modules/core/images/logo-openrefine-550.png](https://github.com/OpenRefine/OpenRefine/blob/master/main/webapp/modules/core/images/logo-openrefine-550.png) - #6316
* [ ] [extensions/database/module/images/more-option-horiz-16.png](https://github.com/OpenRefine/OpenRefine/blob/master/extensions/database/module/images/more-option-horiz-16.png)
* [ ] [extensions/database/module/images/more_option-vert-16.png](https://github.com/OpenRefine/OpenRefine/blob/master/extensions/database/module/images/more_option-vert-16.png)
* [ ] [extensions/gdata/src/com/google/refine/extension/gdata/logo-openrefine-550.png](https://github.com/OpenRefine/OpenRefine/blob/master/extensions/gdata/src/com/google/refine/extension/gdata/logo-openrefine-550.png) - #6316
* [x] [extensions/wikibase/module/images/Critical.png](https://github.com/OpenRefine/OpenRefine/blob/master/extensions/wikibase/module/images/Critical.png) -> to be vectorized by #6535
* [x] [extensions/wikibase/module/images/Information.png](https://github.com/OpenRefine/OpenRefine/blob/master/extensions/wikibase/module/images/Information.png) -> to be vectorized by #6535
* [ ] [extensions/wikibase/module/images/close-map.png](https://github.com/OpenRefine/OpenRefine/blob/master/extensions/wikibase/module/images/close-map.png)
* [x] [extensions/wikibase/module/images/Warning.png](https://github.com/OpenRefine/OpenRefine/blob/master/extensions/wikibase/module/images/Warning.png) -> to be deleted by #6535
* [ ] [extensions/wikibase/module/images/Wikibase_logo.png](https://github.com/OpenRefine/OpenRefine/blob/master/extensions/wikibase/module/images/Wikibase_logo.png)
* [ ] [extensions/wikibase/module/images/wikidata.png](https://github.com/OpenRefine/OpenRefine/blob/master/extensions/wikibase/module/images/wikidata.png)
* [x] [extensions/wikibase/module/images/Important.png](https://github.com/OpenRefine/OpenRefine/blob/master/extensions/wikibase/module/images/Important.png) -> to be vectorized by #6535
* [ ] [graphics/dmg_background/dmg_background.png](https://github.com/OpenRefine/OpenRefine/blob/master/graphics/dmg_background/dmg_background.png) -> can be deleted
* [ ] [graphics/row-groups.png](https://github.com/OpenRefine/OpenRefine/blob/master/graphics/row-groups.png) -> can be deleted
And GIFs:
* [ ] [main/webapp/modules/core/images/large-spinner.gif](https://github.com/OpenRefine/OpenRefine/blob/master/main/webapp/modules/core/images/large-spinner.gif) - see #5902
* [ ] [main/webapp/modules/core/images/small-spinner.gif](https://github.com/OpenRefine/OpenRefine/blob/master/main/webapp/modules/core/images/small-spinner.gif) - see #5902
Pinging @cooperzoe, since this work is relevant to the production of vector icons for the operations, some of which will be based on existing icons taken from the UI (which therefore need vectorizing in the process).
I have the feeling that this sort of task is one which requires a pretty specific set of skills which we don't really have in the team, so I am wondering how to reach out to other communities where people might like giving a hand. I know there are people on Commons active in vectorization of logos, perhaps that's one possible avenue.