sites.css

.canidevtools {
  --site-accent: hsl(209 79% 60%);
}

.caniemail {
  --site-primary: hsl(0 0% 100% / .85);
  --site-bg: hsl(210 100% 52%);
  --site-accent: hsl(0 0% 100%);
}

.canistop {
  --site-primary: hsl(0 0% 18%);
  --site-bg: hsl(0 0% 100%);
  --site-accent: hsl(224 88% 57%);
}

.caniuse {
  --site-primary: hsl(39 53% 89%);
  --site-bg: hsl(24 100% 43%);
  --site-accent: hsl(0 0% 100%);
}

.cssdb {
  --site-primary: hsl(0 0% 100% / .85);
  --site-bg: hsl(93 85% 26%);
  --site-accent: hsl(0 0% 100%);
}

.mdn {
  --site-primary: hsl(0 0% 20%);
  --site-bg: hsl(198 81% 73%);
}

.mozillaspecificationpositions {
  --site-primary: hsl(0 0% 97%);
  --site-bg: hsl(0 0% 20%);
}

.powermapper {
  --site-primary: hsl(0 0% 97%);
  --site-bg: hsl(250 57% 50%);
}

.privacytests {
  --site-accent: hsl(106 55% 44%);
}

.webkitstandardspositions {
  --site-primary: hsl(0 0% 100% / .85);

  // https://webkit.org/wp-content/themes/webkit/images/webkit.svg
  --site-bg: linear-gradient(to bottom, hsl(198 71% 53%) 0%, hsl(211 100% 50%) 100%);
}

.webplatformtests {
  --site-primary: hsl(0 0% 100%);
  --site-bg: hsl(205 59% 21%);
  --site-accent: hsl(198 69% 75%);
}

.whocanuse {
  --site-primary: hsl(0 0% 100% / .85);
  --site-bg: hsl(270 50% 40%);
  --site-accent: hsl(0 0% 100%);
}