mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-11 06:04:55 +08:00
Bug: 831833 Change-Id: If7df48f525538b0590f0c1529d4d6f8d4d317c48 Reviewed-on: https://chromium-review.googlesource.com/1008637 Reviewed-by: Pavel Feldman <pfeldman@chromium.org> Commit-Queue: Kayce Basques <kayce@chromium.org> Cr-Original-Commit-Position: refs/heads/master@{#550232} Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src Cr-Mirrored-Commit: d895e4c80b00ef8c65ecc1b799121f5d5198c9c0
Adding new icons
- Use Inkscape 0.92 or newer.
- Choose an existing spritesheet, like
largeIcons.svgto add the icon to - Open that file with Inkscape and import the new SVG into the document
- Place in an open spot, and use guides to scale the icon to a good size, relative to other icons
- Any straight lines should be snapped to the closest pixel value.
- Use the
Edit paths by nodestool (F2) to edit the path directly. - Tweak the X, Y values at the top to be integers.
- Use the
- Generate PNGs from the SVGs:
./scripts/convert_svg_images_to_png.py
- Optimize PNGs:
./scripts/optimize_png_images.py
- In
ui/Icon.jsadd an entry inUI.Icon.Descriptors.- Look at the spritesheet's axes to identify the correct grid position.
- You may want to regenerate devtools resources:
ninja -C ~/chromium/src/out/Release/ devtools_frontend_resources