Vector Dusk
FREE · LOCAL · NO SIGN-UP
Make a dark palette. Reuse it.
1. Import
Drop SVG or Android VectorDrawable XML files into the editor, or choose Paste XML. For Android resource colors, also import your light-mode colors.xml.
2. Adjust
Select a palette row or click a shape. Choose a replacement with the picker, hex input, or generated tints and shades. The 5 / 10 / 20 selector changes the number of swatches; transparency is preserved.
Changes apply to All illustrations through the shared palette, so every illustration stays consistent. Choose This illustration to change every place the color appears in the active illustration only; colors you have not changed there still follow the palette. Switching back keeps those edits and offers Use palette colors to drop them. When a color appears in more than one place, Only the clicked shape changes just the fill, stroke or gradient stop you clicked in the artwork. Individual overrides take priority. Keep original protects a color; Reset override removes the current override.
Undo and Redo reverse edits. A picker drag or a typed hex value counts as one step. Typed
hex applies once it has six or eight digits; short forms such as #ABC apply
when you press Enter or leave the field. Removing an illustration shows an Undo button in
its message.
Eight-digit hex uses #RRGGBBAA for SVG and #AARRGGBB for Android.
The editor labels the format.
Use the preview − and + buttons to zoom both views together. Drag either preview to pan; click without dragging to select a shape. Focus either preview and use the arrow keys to pan, + or − to zoom, and Home or 0 to fit. Fit shows the full illustration again. Switching illustrations resets the view; color edits keep it. These controls do not change exports.
3. Save
- Save profile: shared colors in this browser. Export profile downloads a portable copy. Saving under the name of a different saved profile asks before replacing it. Delete removes the selected saved profile, with Undo in the message.
- Save workspace: downloads artwork, palette and individual overrides. Use Import JSON to reopen either file.
Artwork and edits are saved automatically in this browser and restored on your next visit. Check the recovery status before closing or reloading. Recovery keeps the latest workspace; importing a replacement workspace or successfully opening an agent import link replaces it. Save workspace downloads a portable backup. Browser data can be cleared or unavailable, and a save still in progress may be lost. Profiles do not save artwork.
4. Export
Export one SVG/XML or a collection ZIP. Place Android files in
res/drawable-night/ using the original filenames.
Work with an agent
Choose Copy prompt for agent and paste the instructions into your agent chat. The agent opens your SVG or Android VectorDrawable XML in the editor. Review the import notes, adjust the artwork, then tell the agent when you are finished.
An agent with browser access can return to the same tab and get the current export using View XML or Download. The prompt does not grant browser access. If the agent cannot access that tab, download the result and give it the file. For Android resource references, also import your light-mode colors.xml.
Import links use #v=1&name=illustration.svg&encoding=gzip&data=….
The full link can contain up to 65,536 characters; decompressed artwork can contain up to
5,000,000 bytes. Use Paste XML or Import vectors if the link is too large.
A link contains the artwork and is not encrypted. Anyone with the link can read it. After importing, the editor clears the fragment from the address bar. Save a workspace before refreshing or closing the tab.
Know the limits
Use static SVG; expand symbols and use instances first. Scripts, external resources and unsupported effects are removed. Review import notes. Android tint, trim paths and sweep gradients have preview limitations; verify exports on Android.
Limits: 5 MB per vector, 100 illustrations and 50 MB per workspace JSON. Use a current desktop browser. Check the final colors and contrast yourself.
