Linear issue: [[ https://linear.app/comm/issue/ENG-1712/restyle-quotes-in-messages-to-match-new-designs | ENG-1712 ]].
The block quote containers now match the shape and color shown in the Figma document
Unfortunately, by developing the darker tint with the opacity layer, the shadow effect we have on the web won't be possible due to some limitations with how React Native handles shadows. React Native does not have a `box-shadow` style property, and the React Native shadow properties [[ https://stackoverflow.com/questions/52914868/how-to-apply-shadow-to-react-native-view-without-affecting-inner-view-elements#:~:text=Unfortunately%20this%20only%20works%20with%20colored%20backgrounds%20%E2%80%93%20when%20setting%20a%20transparent%20background%20with%20RGBA%20or%20%27transparent%27%20is%20doesn%27t%20help. | requires a colored background of some sort ]].
For reference, this is what the blockquote looks like with the shadow effect with the opacity layer:
{F183832}