27 lines
1.2 KiB
Markdown
27 lines
1.2 KiB
Markdown
Icon assets
|
||
===========
|
||
|
||
PNG icons are generated from `file-search.svg` during the build.
|
||
Run `npm run build` (or `npm run build:icons`) to regenerate. The manifest is wired to use:
|
||
|
||
- Toolbar (browser_action → default_icon):
|
||
- icons/icon-16.png
|
||
- icons/icon-32.png
|
||
- Extension/Store (top-level icons):
|
||
- icons/icon-48.png
|
||
- icons/icon-96.png
|
||
- icons/icon-128.png
|
||
|
||
Notes
|
||
-----
|
||
- Source: `icons/file-search.svg` uses `stroke="currentColor"`.
|
||
- The build script replaces `currentColor` with configured colors and rasterizes with a transparent background. It also injects explicit `stroke`/`fill` on each path for better compatibility across renderers.
|
||
- Default stroke colors use the project emphasis palette:
|
||
- Add‑on icons (48/96/128): Primary 2 (deep) `#223544`.
|
||
- Toolbar icons (16/32): Primary 1 (light) `#5AC3D6`.
|
||
- Customize via env vars when building:
|
||
- `ICON_COLOR_ADDON` (48/96/128); default `#223544`.
|
||
- `ICON_COLOR_TOOLBAR` (16/32); default `#5AC3D6`.
|
||
- Firefox does not require .ico; PNG is recommended.
|
||
- Theme variants can be added later via `browser_action.theme_icons`.
|
||
- Rasterizer: uses ImageMagick only (`magick` or `convert`). Ensure your ImageMagick build supports reading SVG (via `librsvg` or compatible delegate).
|