Skip to content

GitLab

Closed
Created by Jakub Steiner@jimmacDeveloper

Address legibility issues with Top Bar transparency

The eye-candy drive to put transparency into the top bar has introduced legibility issues derived from the fact we don't control the background. A high density detail or very bright wallpapers will make text and icons difficult to read. There are various approaches to fix this:

  1. Revert. Go back to using the top as a negative space outside of the working space. Use black background. Top notch legibility and model.

  2. More elaborate metods.

Use Blur to address high frequency detail. @3v1n0 has been working on getting the search results more legible by blurring the high frequency wallpaper detail below. This could work for the top bar context.

Use average lightness sampling to pick foreground color rather than using dropshadow. FIXME: There is prior art.

  1. Use a darker overlay for the top bar, but keep the top bar "airy" feeling by using a gradient rather than clip borders of the top bar. FIXME: Find mockups and code.