@s9a/dew

cascading color mode

Usage no npm install needed!

<script type="module">
  import s9aDew from 'https://cdn.skypack.dev/@s9a/dew';
</script>

README

dew

polite opensource color scheme

html

<html class="dew-media dew-wet">

meta

<meta name="color-scheme" content="dark light">
<meta name="theme-color" content="mistyrose">

stylesheet

<link rel="stylesheet" href="dew.css" media="(color)">

element surface

<link rel="stylesheet" href="surface.css">

icon switch

<link rel="icon" href="icon.svg">

classes

<samp class="dew-media">
  <a href="dew-polar" href="#hello">hello</a>
  <a href="dew-polar" href="#world">world</a>
</samp>

customize

<html class="dew-media dew-wet dew-diy">
<!-- ... -->
<link rel="stylesheet" href="dew.css">
<link rel="stylesheet" href="diy.css">
--dew-shift: color 0ms;
--dew-solar: mistyrose;
--dew-lunar: darkviolet;
--dew-locus: currentColor;
--dew-focus: invert(100%);
--dew-hover: hue-rotate(0deg);
--dew-vapor: opacity(60%);

technology

license

0BSD