Magica11y functions are awesome because…

  • They have zero dependencies
  • They’re lightweight
  • They use the window.matchMedia API underneath
  • They’re optimized for performance; all the module functions are designed in such a way that they exit early
  • They provide a clean, well-documented and semantic API to work with
  • Television

    environment-blending()

    Your current environment display blending is .

    View on GitHub
  • Artist palette

    forced-colors()

    Your current forced-colors setting is .

    View on GitHub
  • New moon

    inverted-colors()

    Your current inverted color setting is .

    View on GitHub
  • Candle

    light-level()

    Your current ambient light-level is .

    View on GitHub
  • Last quarter moon

    prefers-color-scheme()

    Your color scheme preference is .

    View on GitHub
  • High brightness

    prefers-contrast()

    Your current contrast preference is .

    View on GitHub
  • Roller coaster

    prefers-reduced-motion()

    Your current motion preference is .

    View on GitHub
  • Gem

    prefers-reduced-transparency()

    Your current transparency preference is .

    View on GitHub