Do some maintenance on Tor Browser's proton Figma library

After we transitioned to using Figma last year, and while we were working on proton-ifying Tor Browser 10.5, we created the Tor Browser (proton) library in Figma to house all our new design components.

Since then, we've started offering better support for dark theme, extended about:torconnect with Connection Assist, redesigned about:preferences#connection, received a year's worth of Figma updates (including component props), and need to catch up on the general drift that happens during development.

Estimate

See here: #45 (comment 2916003)

Tasks

• In-Content (update to newest components, add new features & UI following TB 11.5 & 12.0's release; provide more dark theme UI)
  • about:torconnect
  • Connection Assist
  • Start page (i.e. about:tor)
  • Onboarding
  • Release notes
  • About window
  • about:preferences#privacy
  • about:preferences#connection
  • about:rulesets
  • onion site neterrors
• Chrome (update to newest components; add Mullvad; provide more dark theme UI)
  • Release channel
  • Connection states
  • Security indicators
  • Onion indicators
  • Onion location
  • Onion auth
  • Circuit display wingpanel
  • New identity modal
  • New circuit (toolbar)
  • Security level wingpanel
  • Banner
• Components (rebuild components using props; add Mullvad to browser chrome; provide more dark theme components)
  • Browser chrome
  • Browser tabs
  • Buttons
  • Dropdown selectors
  • Checkboxes
  • Radio buttons
  • Switches
  • Breadcrumbs
  • Message bars
  • Onion pattern
• Misc housekeeping
  • Color styles
  • Text styles
  • Effect styles
  • Application icons
  • PDF icons
  • Firefox icons
  • Custom icons
  • New Tor icons in situ

added Doing Q4 Sponsor 131 UX labels

assigned to @duncan

added UX Team label

changed the description

changed the description

changed the description

marked the checklist item Color styles as completed

marked the checklist item Buttons as completed

marked the checklist item Browser tabs as completed

changed the description

marked the checklist item Connection states as completed

marked the checklist item Connection states as incomplete

marked the checklist item Dropdown selectors as completed

marked the checklist item Radio buttons as completed

marked the checklist item Firefox icons as completed

marked the checklist item Effect styles as completed

changed the description

We've made a lot of progress updating our icons, colors, browser chrome, buttons, selectors, checkboxes and radio buttons – although some of these things aren't quite finished yet. I'm going to backlog this until we're clear of the Tor Browser 12.0 launch; production of the brand assets for Sponsor 131; and have finished the design for the Sponsor 101 pre-alpha – but we should aim to finish the components by next quarter at least.

removed Doing label