department-of-veterans-affairs / vets-design-system-documentation

Repository for design.va.gov website
https://design.va.gov
59 stars 65 forks source link

Add syntax highlighting for markdown code blocks #3507

Closed adamwhitlock1 closed 1 week ago

adamwhitlock1 commented 2 weeks ago

Summary:

Screenshots

I went through the site to look for any styling issues that this change could make and tried to address any of those issues where they occurred. There really weren't many layout problems introduced by this, but below are some screenshots of the main types of pages that have changed.

Before After
about using web components about-using-web-components-before about-using-web-components-after
flexbox grid flexbox-grid-before flexbox-grid-after
prefill pattern prefill-pattern-before prefill-pattern-after

Mobile Screenshot 2024-11-12 at 1 26 54 PM

adamwhitlock1 commented 1 week ago

@humancompanion-usds I'd be curious to get your opinion on this syntax highlighting as far as the colors that I chose. I tried to align with the design system as much as possible and use the token colors throughout.

humancompanion-usds commented 5 days ago

Looks great @adamwhitlock1 !