-
Notifications
You must be signed in to change notification settings - Fork 0
Increase visibility of sidebar icons in dark mode #7
Copy link
Copy link
Open
Labels
blockedBlocked by Sublime Text bug.Blocked by Sublime Text bug.
Description
The use of highly-saturated colors over a dark gray background is a longstanding problem with dark themes. It's often hard to distinguish the boundary of the two colors. This affects several of the file icons:
A common solution is to add an inner shadow or border to help with visibility:
The colors can also have their saturation reduced and/or lightness increased to further help:
Unfortunately, Sublime Text has no easy way of specifying different icons for dark mode. Timeless Dark would need to be moved to its own package.
What we can do is:
- Create a base icon image without a border. Use this image for
layer0. - Make a transparent rounded rect with a black inner shadow. Use this for
layer1in light mode. - Make a transparent rounded rect with a white inner shadow. Use this for
layer1in dark mode.
Using this technique, we could also darken the outer shadow in dark mode (which could further increase visibility).
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
blockedBlocked by Sublime Text bug.Blocked by Sublime Text bug.