JSFiddle - React, Tailwind, and code Playground

HTML

<div style="display:flex;width: 400px;flex-direction: column;">

  <span style="background-color: #221d19;">$dark: #221d19;</span>
  <span style="background-color: #2e231b;">$background: #2e231b;</span>
  <span style="background-color: #3e2c20;">$line-highlight: #3e2c20;</span>
  <span style="background-color: #5d4033;">$highlight-bg: #5d4033;</span>
  <span style="background-color: #4d3829;">$background2: #4d3829;</span>
  <span style="background-color: #5c3c2b;">$selection: #5c3c2b;</span>
  <span style="background-color: #efeef1;">$foreground: #efeef1;</span>
  <span style="background-color: #796b68;">$comment: #796b68;</span>
  <span style="background-color: #887976;">$cm: #887976;</span>
  <span style="background-color: #764d42;">$gutter-elt: #764d42;</span>
  <span style="background-color: #a56e5f;">$string: #a56e5f;</span>
  <span style="background-color: #ea88b9;">$attribute: #ea88b9;</span>
  <span style="background-color: #d99f81;">$property: #d99f81;</span>
  <span style="background-color: #f04841;">$error: #f04841;</span>
  <span style="background-color: #fe728b;">$tag: #fe728b;</span>
  <span style="background-color: #c092ce;">$variable: #c092ce;</span>
  <span style="background-color: #fe9cad;">$pink: #fe9cad; (commented out)</span>
  <span style="background-color: #fe9cc1;">$pink: #fe9cc1;</span>

</div>

CSS

span{
  padding: 5px;
  text-shadow: 1px 1px 0px white, 1px -1px 0px white, -1px 1px 0px white, -1px -1px 0px white;
}