Mobile app version of vmapp.org
Login or Join
Pierce403

: How to make 3-dot icon visible on any background? There is a file manager in my application. Hovering the files shows a 3-dot icon at the top-right corner. The problem is, that it is difficult

@Pierce403

Posted in: #Style

There is a file manager in my application. Hovering the files shows a 3-dot icon at the top-right corner. The problem is, that it is difficult to make it visible enough on different backgrounds, since the icons and thumbnails can be of different color.

I came up with adding dark background for 3-dots and making 3-dots white. So now it's visible on any background, but I honestly don't really like the solution.

What are other ways to make 3-dot icon visible on different backgrounds?

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Pierce403

3 Comments

Sorted by latest first Latest Oldest Best

 

@Barnes313

I solved the problem this way:

10% popularity Vote Up Vote Down


 

@Lengel450

Maybe if you add a border / stroke might work.

10% popularity Vote Up Vote Down


 

@Yeniel278

How about inverting the underlying image by the shape? This would have the advantage of working with many colors



Or perhaps for some very complicated imagery you could inverse the blurred image, inverse average and so on.:

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme