You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
19 lines
934 B
19 lines
934 B
3 years ago
|
## Adding new icons
|
||
|
|
|
||
|
|
1. Use Inkscape 0.48.4. Newer versions are incompatible because of DPI issues.
|
||
|
|
1. Choose an existing spritesheet, like `largeIcons.svg` to add the icon to
|
||
|
|
1. Open that file with Inkscape and import the new SVG into the document
|
||
|
|
1. Place in an open spot, and use guides to scale the icon to a good size, relative to other icons
|
||
|
|
1. Any straight lines should be snapped to the closest pixel value.
|
||
|
|
- Use the `Edit paths by nodes` tool (F2) to edit the path directly.
|
||
|
|
- Tweak the X, Y values at the top to be integers.
|
||
|
|
1. Generate PNGs from the SVGs:
|
||
|
|
- `./scripts/convert_svg_images_to_png.py`
|
||
|
|
1. Optimize PNGs:
|
||
|
|
- `./scripts/optimize_png_images.py`
|
||
|
|
1. In `ui/Icon.js` add an entry in `UI.Icon.Descriptors`.
|
||
|
|
- Look at the spritesheet's axes to identify the correct grid position.
|
||
|
|
1. You may want to regenerate devtools resources:
|
||
|
|
- `ninja -C ~/chromium/src/out/Release/ devtools_frontend_resources`
|
||
|
|
|