created:12/30/2020
updated:12/30/2020
loc
167
comments
6%
PajamasColor
Color item displaying the color as a table row, expanding on hover to display the contrast and passing level. Design inspired by GitLab's Pajamas.
$orange-50
#fdf1dd
$orange-100
#f5d9a8
$orange-200
#e9be74
$orange-300
#d99530
$orange-400
#c17d10
$orange-500
#ab6100
$orange-600
#9e5400
$orange-700
#8f4700
$orange-800
#703800
$orange-900
#5c2900
$orange-950
#421f00
id | description | |
|---|---|---|
avoid-inline-spacing | Ensure that text spacing set through style attributes can be adjusted with custom stylesheets... | |
color-contrast | Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds... |
$orange-50
#fdf1dd
$orange-100
#f5d9a8
$orange-200
#e9be74
$orange-300
#d99530
$orange-400
#c17d10
$orange-500
#ab6100
$orange-600
#9e5400
$orange-700
#8f4700
$orange-800
#703800
$orange-900
#5c2900
$orange-950
#421f00
$orange-50
#fdf1dd
$orange-100
#f5d9a8
$orange-200
#e9be74
$orange-300
#d99530
$orange-400
#c17d10
$orange-500
#ab6100
$orange-600
#9e5400
$orange-700
#8f4700
$orange-800
#703800
$orange-900
#5c2900
$orange-950
#421f00
$orange-50
#fdf1dd
$orange-100
#f5d9a8
$orange-200
#e9be74
$orange-300
#d99530
$orange-400
#c17d10
$orange-500
#ab6100
$orange-600
#9e5400
$orange-700
#8f4700
$orange-800
#703800
$orange-900
#5c2900
$orange-950
#421f00
$orange-50
#fdf1dd
$orange-100
#f5d9a8
$orange-200
#e9be74
$orange-300
#d99530
$orange-400
#c17d10
$orange-500
#ab6100
$orange-600
#9e5400
$orange-700
#8f4700
$orange-800
#703800
$orange-900
#5c2900
$orange-950
#421f00