brave/brave-browser

Private and Tor windows redesign

Open

#37,595 opened on Apr 15, 2024

View on GitHub
 (0 comments) (2 reactions) (0 assignees)JavaScript (2,164 forks)batch import
OS/DesktopQOLfeature/private-browsingfeature/torgood first issuepriority/P4

Repository metrics

Stars
 (16,194 stars)
PR merge metrics
 (Avg merge 4h 38m) (19 merged PRs in 30d)

Description

We need to redesign private and tor windows to present information in a friendlier way.

Design ready here: https://www.figma.com/design/jt7tV0UsU7XhJXR2B8807E/Private-and-Tor-Windows---Nala?node-id=1%3A9913&t=wKzZwmhqCGW5ylK4-1

Tor: https://www.figma.com/design/jt7tV0UsU7XhJXR2B8807E/Private-and-Tor-Windows---Nala?node-id=21%3A2572&t=wKzZwmhqCGW5ylK4-1

Actual result:

Desktop

Expected result:

Contributor guide

Research direction
Open the Figma design linked in the issue and compare with the current private/Tor window implementation in Brave. Identify the key UI components (e.g., layout, typography, icons) and then update the corresponding HTML/CSS files to match the design. Test on different screen sizes.
Tech stack
javascriptcss
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
HTMLCSSFigma
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
60