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:

and dark mode:

Todo:

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

  

  • Security Level

    

  • New Identity

    

• 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.

  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.

  

• Onion Error page icons may want to be slimmed down