illbang/dew.css

sigil

/*
dew circa 2021-07-24
https://s9a.page/dew
*/

.dew-shift *,
.dew-shift {
  transition: var(--dew-shift);
}

.dew-wet *,
.dew-wet {
  background: var(--dew-oil);
  color: var(--dew-ink);
}

.dew-rim *,
.dew-rim {
  border-color: var(--dew-rim);
}

.dew-hyper :any-link,
.dew-hyper {
  filter: var(--dew-hyper);
}

.dew-tab :focus,
.dew-tab:focus {
  filter: var(--dew-focus);
  outline-color: var(--dew-locus);
}

.dew-field:disabled {
  filter: var(--dew-vapor);
}

.dew-media.dew-media,
.dew-polar.dew-polar,
.dew-solar.dew-solar,
.dew-lunar.dew-lunar {
  fill: var(--dew-oil);
  background: var(--dew-oil);
  color: var(--dew-ink);
}

:root {
  /*dev*/
  --dew-hyper: none;
  --dew-media: var(--dew-solar);
  --dew-polar: var(--dew-lunar);
  --dew-oil: var(--dew-media);
  --dew-ink: var(--dew-polar);
  --dew-rim: var(--dew-ink);

 /*diy*/
  --dew-shift: none;
  --dew-solar: mistyrose;
  --dew-lunar: darkviolet;
  --dew-locus: currentColor;
  --dew-focus: invert(100%);
  --dew-hover: none;
  --dew-vapor: opacity(60%);
}

:any-link:hover {
  --dew-hyper: var(--dew-hover);
}

:any-link:focus {
  --dew-hyper: var(--dew-focus);
}

.dew-polar,
.dew-lunar {
  --dew-oil: var(--dew-polar);
  --dew-ink: var(--dew-media);
}

@media (prefers-color-scheme: dark) {
  :root {
    --dew-media: var(--dew-lunar);
    --dew-polar: var(--dew-solar);
  }
}