List Colour Changes

[JamieB-gu]

Clear

The list of formats that should have "clear" list design must be the following ArticleDesigns:

• ArticleDesign.Standard
• ArticleDesign.Picture
• ArticleDesign.Gallery
• ArticleDesign.Audio
• ArticleDesign.Video
• ArticleDesign.Explainer
• ArticleDesign.Letter
• ArticleDesign.MatchReport
• ArticleDesign.Quiz
• ArticleDesign.Interactive
• ArticleDesign.PhotoEssay
• ArticleDesign.PrintShop
• ArticleDesign.Obituary
• ArticleDesign.Correction
• ArticleDesign.FullPageInteractive
• ArticleDesign.NewsletterSignup
• ArticleDesign.Timeline
• ArticleDesign.Profile

Ordered list

The number should have the following colour:

• lightmode colour: neutral 38
• darkmode colour: neutral 60

An example of the colour change would be:

const styles = css`
  color: ${palette.neutral[38]};
`;

Unordered list

The bullet should have the following colour:

• lightmode colour: neutral 46
• darkmode colour: neutral 60

An example of the colour change would be:

const styles = css`
  color: ${palette.neutral[46]};
`;

Stand-out

The list of formats that should have "stand-out" list design must be the following ArticleDesigns:

• ArticleDesign.Comment
• ArticleDesign.Editorial
• ArticleDesign.LiveBlog
• ArticleDesign.DeadBlog
• ArticleDesign.Analysis
• ArticleDesign.Feature
• ArticleDesign.Interview
• ArticleDesign.Recipe
• ArticleDesign.Review

The number or the bullet should have the following colour:

• lightmode colour: pillar colour 200
• darkmode colour: pillar colour 500

An example of the colour change would be:

const styles = css`
  color: ${palette.news[200]};
`;