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>