[Feature Request]: More distinct colors/icons for sync direction

[MarkLodato]

Duplication Check

• I have searched the existing issues

How Should It Be Like?

Currently the icons for push and pull on the Sync Progress page use the same color (blue) and are visually very similar, differing in only a few pixels for the arrow direction. This makes it hard to see which files are being pushed and which are being pulled.

It would be great if the icons were more visually distinctive so that you could see at a glance which direction each file is going.

How Would It Work?

Using a different color per direction would be a good first start. Maybe green vs blue? This might be an easy solution that is god enough.

Using icons that are more distinct would also be good. Right now the arrows are tiny so it's hard to see what is what. But that is probably more work.

[hesprs]

The key blocker is the variety of Lucide Icons, I have browsed in the catalog for hours and cannot find icons that can clearly distinguish "local" or "remote", especially for operations like delete and move. Setting different colors is a nice option. Maybe I can set local operations to green and remote to blue.

[hesprs]

Implemented in 3.0.3.

[MarkLodato]

Color goes a long way. Thanks for the quick fix!

Regarding icons, as a user my biggest concern is whether the operation happens locally or remotely. If you wanted to use icons to distinguish that, one idea is to use "file"/"folder" for local and "database" for remote:

• createRemoteDir: database-plus
• createLocalDir: folder-plus
• upload: database-arrow-up
• download: file-down
• removeRemote: database-x
• removeLocal: file-x
• moveRemote: database-minus (not perfect, but maybe close enough?)
• moveLocal: folder-output / file-output

[hesprs]

The best user experience would be creating some Lucide-like icons like these: (just drew two in Lucide studio). In this way we can minimize confusion and reduce the use of fancy colors.