JSFiddle - React, Tailwind, and code Playground

by Patrick Hund

HTML

<body data-brand="m1" data-theme="dark">
  <h1>Here I go out to the sea again</h1>
</body>

CSS

body {
  background-color: white;
  color: black;
}

body[data-brand="m1"] {
  background-color: #FFD9F3;
  color: #CC2992;
}

body[data-theme="dark"] {
  background-color: black;
  color: white;
}

body[data-brand="m1"][data-theme="dark"] {
  background-color: #4C0F3A;
  color: #CC2992;
}