Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • gnome-shell gnome-shell
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 2,050
    • Issues 2,050
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 147
    • Merge requests 147
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Container Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • GNOMEGNOME
  • gnome-shellgnome-shell
  • Issues
  • #408
Closed
Open
Issue created Jul 13, 2018 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.
Assignee
Assign to
Time tracking