HomePhabricator
Diffusion Comm 5448df76c019

[web] Implement darker thread color tint to blockquote container

Description

[web] Implement darker thread color tint to blockquote container

Summary:
Linear issue: ENG-1712. Restyling the quotes by layering the blockquote with a low opacity black background to create the darker tint effect

Next Steps:

  1. Update non-viewer blockquote message container color to be the base thread color

Test Plan:
Please view the attached screenshots to see the target design in the figma document and the before and after of the changes I implemented

Figma document: Figma.

Screen Shot 2022-09-03 at 3.22.23 PM.png (1×1 px, 92 KB)

Before:

Screen Shot 2022-09-07 at 2.02.57 PM.png (586×1 px, 74 KB)

After:

Screen Shot 2022-09-20 at 10.22.04 PM.png (554×1 px, 58 KB)

Screen Shot 2022-09-20 at 10.24.02 PM.png (552×1 px, 83 KB)

Reviewers: atul, ashoat, kamil

Reviewed By: atul, ashoat, kamil

Subscribers: kamil, jacek, ashoat, tomek, atul, abosh

Differential Revision: https://phab.comm.dev/D4999

Details

Provenance
ginsuAuthored on Sep 14 2022, 7:57 PM
Reviewer
atul
Differential Revision
D4999: [web] Implement darker thread color tint to blockquote container
Parents
rCOMM77bddb956d63: [native] Fix wrong title during thread creation
Branches
Unknown
Tags
Unknown