[EPIC] Darkmode for discussion

[alinaboghiu]

Ensure Discussion components are compatible with dark mode.

Please refer to this Figma file with details for the tweaks. The task list crashes when I start adding tasks it so I won't rely on it for detailed stuff.

Tasks

Beta Give feedback

1. 01__General colour rules for text and background colour — See Figma file for details #10701
   +0
   
2. 02__Abuse Form Report: tweaks in light and dark mode — See Figma file for details #10716
   Discussion +1
   
3. 03__Badges: colour changes — See Figma file for details #10718
   Discussion +1
   
4. 04__Text links within comments: tweaks in light and dark mode — See Figma file for details #10717
   Discussion +1
   
5. 05__Gradient above 'View more comments' button: colour changes — See Figma file for details #10765
   +0
   
6. 06__Comment top when someone is replying to another comment: tweaks to alignment — See Figma file for details #10829
   +0
   
7. 07__Text links everywhere: add underlining — See Figma file for details #10830
   +0
   
8. 08_Button colours in dark mode: tweaks — See Figma file for details #10739
   Discussion +1
   
9. 09__Text formatting tools: styling tweaks — See Figma file for details #10824
   Discussion +1
   
10. 10__Text formatting tools: change position on mobile breakpoints — See Figma file for details #10825
    Discussion +1
    
11. 11__Pre-moderation warning: use 'Info Summary' from Source instead — See Figma file for details #10807
    Discussion +1
    
12. 12__Name+timestamp stack on mobile: add vertical padding — See Figma file for details #10754
    Discussion +1
    
13. 13__Border colours: change colour — See Figma file for details #10744
    Discussion +1
    

[shesah]

@benwuersching are you currently working on this?

[cemms1]

Storybook link is here to check dark mode compatibility for Discussion components. Searching for "discussion" in the left hand panel makes it easier to find the discussion-related components

[cemms1]

Chromatic build link here https://www.chromatic.com/build?appId=63e251470cfbe61776b0ef19&number=6762

@benwuersching is going to review the Storybook link and these changes and then suggest some improvements for the dark mode designs

[cemms1]

Have split out the preliminary work to add basic dark mode compatibility to Discussion components from this ticket and converted this to an epic ticket to detail the design optimisations for dark mode components