JSFiddle - React, Tailwind, and code Playground
by NerfAnarchist
HTML
<div>AG ag Aggregates</div>
<div>CL cl Collations</div>
<div>CN cn Conversions</div>
<div>DO do Domains</div>
<div>FT ft Foreign Tables</div>
<div>TC tc TS Configurations</div>
<div>TD td TS Dictionaries</div>
<div>TP tp TS Parsers</div>
<div>TT tt TS Templates</div>
<div>FN fn Functions</div>
<div>IN in Indexes</div>
<div>OP op Operators</div>
<div>OC oc Operator Classes</div>
<div>OF of Operator Families</div>
<div>SQ sq Sequences</div>
<div>TB tb Tables</div>
<div>TF tf Trigger Functions</div>
<div>TY ty Types</div>
<div>VW vw Views</div>
CSS
div:nth-child(1) { background: #CF4F19; }
div:nth-child(2) { background: #8A3F00; }
div:nth-child(3) { background: #6F003D; }
div:nth-child(4) { background: #3F055C; }
div:nth-child(5) { background: #CB0073; }
div:nth-child(6) { background: #2D2390; }
div:nth-child(7) { background: #20338D; }
div:nth-child(8) { background: #1B4689; }
div:nth-child(9) { background: #175984; }
div:nth-child(10) { background: #4fb977; }
div:nth-child(11) { background: #819c00; }
div:nth-child(12) { background: #000000; }
div:nth-child(13) { background: #888888; }
div:nth-child(14) { background: #AAAAAA; }
div:nth-child(15) { background: #FE4F00; }
div:nth-child(16) { background: #8A0000; }
div:nth-child(17) { background: #CA3C4D; }
div:nth-child(18) { background: #9200a9; }
div:nth-child(19) { background: #006E00; }
body{color:#FFF;}div{padding-left:1em; font-family: menlo;}