Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • Tor Browser Tor Browser
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 830
    • Issues 830
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 6
    • Merge requests 6
  • Deployments
    • Deployments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • Repository
  • Wiki
    • Wiki
  • Activity
  • Graph
  • Create a new issue
  • Commits
  • Issue Boards
Collapse sidebar
  • The Tor Project
  • Applications
  • Tor BrowserTor Browser
  • Issues
  • #40613
Closed
Open
Issue created Sep 01, 2021 by Richard Pospesel@richardOwner0 of 5 checklist items completed0/5 checklist items

ESR91 Design Updates Mega Issue

We very nearly have a fully functional ESR91-based Tor Browser (hurray!). With this ESR update we will be switching from the Photon design language to the Proton design language, so we need to update our assets and potentially some of our dialogs and other UX.

First off, here is the initial screen users are now presented with:

image

and dark mode:

image

Todo:

  • We need some updated toolbar icons; Proton icons are thinner than their Photon counterparts:

    image

    • Security Level

      image image image

    • New Identity

      image

  • The 'Tor Browser' onion icon which we use in various places is a fair bit bolder than the Proton icons (here it used in about:preferences). This icon is also used in about:torconnect, the url bar's identity box, the circuit display drop-down, and probably more. NOTE: if we update this onion icon to be thinner to match other Proton icons, we may want to have a corresponding slimming down of the onion footer used in about:torconnect and about:tor.

    image image This identify-box icon should also be the flat version, but is not at the moment since the patch for it has not yet been merged.

    image

  • Onion Error page icons may want to be slimmed down

    image

To upload designs, you'll need to enable LFS and have an admin enable hashed storage. More information
Assignee
Assign to
Time tracking