rh-syntax-highlighting
Light theme - colors applied
Created with Snap
Made with Adobe XD
4 of 13
Link updated: May 18, 2023, 3:28 PM
Screen Details
Viewport size
Design size
1680 × 900
1680 × 9257
Colors
  • #FFFFFF
  • #F5F5F5
  • #D2D2D2
  • #151515
  • #004080
  • #6A6E73
  • #486B00
  • #8F4700
  • #B300B3
  • #BE0000
  • #6753AC
  • #0066CC
Character Styles
Red Hat Mono, Regular - 16px
Regular - 16px, #004080
Red Hat Mono, Regular - 16px
Regular - 16px, #151515
Red Hat Mono, Regular - 16px
Regular - 16px, #6A6E73
Red Hat Mono, Regular - 16px
Regular - 16px, #486B00
Red Hat Mono, Regular - 16px
Regular - 16px, #8F4700
Red Hat Mono, Regular - 16px
Regular - 16px, #B300B3
Red Hat Mono, Regular - 16px
Regular - 16px, #BE0000
Red Hat Display, Medium - 28px
Medium - 28px, #151515
Red Hat Mono, Regular - 16px
Regular - 16px, #6753AC
Red Hat Text, Regular - 18px
Regular - 18px, #151515
Red Hat Display, Regular - 48px
Regular - 48px, #151515
Red Hat Text, Regular - 14px
Regular - 14px, #0066CC
Interactions
TriggerTap
ActionTransition
Destination
Intro
TriggerHover
ActionTransition
Destination
State: Hover State