Page MenuHomePhabricator

[Style guide] Border color update
Open, Needs TriagePublic

Assigned To
None
Authored By
OTichonova
Nov 24 2023, 6:51 PM
Referenced Files
F41534446: Watchlist new.png
Nov 24 2023, 6:51 PM
F41534445: Watchlist.png
Nov 24 2023, 6:51 PM
F41534444: New edit history.png
Nov 24 2023, 6:51 PM
F41534443: Edit history.png
Nov 24 2023, 6:51 PM
F41534442: New notifications.png
Nov 24 2023, 6:51 PM
F41534441: Notfication summary.png
Nov 24 2023, 6:51 PM
F41534440: New talk topic.png
Nov 24 2023, 6:51 PM
F41534439: Talk topic.png
Nov 24 2023, 6:51 PM

Description

What are we doing?

Defying a new border color and thickness. Auditing the current screens and showing where updates can be made.

Current border color=gray 400
New border color=gray 300

Border thickness 0.5 points

Color across all themes
botfrt colotd.png (196×806 px, 16 KB)

Figma file

  • Color and screenshots here

Current designs & updated designs

Talk pageNew: Talk pageTalk page topicNew:Talk page topicNotification summaryNew:Notification summaryEdit HistoryNew:Edit HistoryWatchlistNew:Watchlist
Talk page.png (667×375 px, 86 KB)
New talk page.png (667×395 px, 73 KB)
Talk topic.png (667×375 px, 26 KB)
New talk topic.png (667×375 px, 24 KB)
Notfication summary.png (667×375 px, 32 KB)
New notifications.png (667×375 px, 35 KB)
Edit history.png (667×375 px, 52 KB)
New edit history.png (667×375 px, 47 KB)
Watchlist.png (667×375 px, 64 KB)
Watchlist new.png (667×393 px, 38 KB)

Design checklist

  • Brief audit of places where the border color or thickness needs to be updated (where the border is not the current gray400 color.
  • Show how the screens will look like with the new border color and thickness

Eng notes

See some thoughts here - T358924#9655129