hue.css

::selection {
  background: thistle;
  color: #12e;
}

:root {
  background-color: #12e;
  background-image: radial-gradient(#12e, #31e);
  color: #dee;
}

.platter {
  float: right;
  display: inline-flex;
  width: 2vmin;
  height: 2vmin;
  border-radius: 100%;
  box-shadow: 0 0 0 5vmin lightcyan, 0 0 0 13vmin cyan;
}

h1 {
  border-radius: 100%;
}

li {
  background-image: linear-gradient(.45turn, #12e 0%, #12e 80%, cyan 80%);
}

:any-link {
  color: cyan;
}

:any-link:hover {
  color: lightcyan;
}

samp,
mark {
  --samp: 30deg;
  --woof: #12e;
  background: #bae;
  color: var(--woof);
}

samp {
  filter: hue-rotate(var(--samp));
}