ColourTest.astro
1 --- 2 const colours = [ 3 "accent-low", 4 "accent", 5 "accent-high", 6 "white", 7 "gray-1", 8 "gray-2", 9 "gray-3", 10 "gray-4", 11 "gray-5", 12 "gray-6", 13 "gray-7", 14 "black" 15 ] 16 --- 17 18 { 19 colours.map(colour => ( 20 <div style={`background: var(--sl-color-${colour})`}>{colour}</div> 21 )) 22 } 23 24 <style> 25 div { 26 color: white; 27 font-size: 1.5rem; 28 padding: 1rem; 29 border-radius: 0.5rem; 30 } 31 </style>