VisualDiffer — Color Scheme Editor

Start with a built-in color scheme, adjust it in the live previews, then download the colors.json file.

Preview appearance

Folder differ

Icons are omitted from this text-only preview. Select any colored element to locate its setting.

Folder rows retain the canvas background. Only file and filtered rows use a fill color. Folder sizes use the Folder size color.

File differ

Preview line numbers, the gutter separator, hatched missing lines, inline highlights, and the thumbnail position box.

Selected rows retain their status text color. Thumbnail blocks use the text color from each side.

Console log

colors.json

Uses the same structure as the bundled files.


                
Values can use hexadecimal #rgb, #rrggbb, or #rrggbbaa notation, or the dynamic textForeground and textBackground values.