Skip to main content

Menu

Choose a theme and configure high-contrast mode. Preferences are saved in your browser only.

User Preferences

Theme

Pick a palette or follow your system preference.

High Contrast

Sharper text and borders. System follows your OS setting.

Version 2.4.2

@freshjuice/zest@2.4.2 adds finer control over where the “Powered by Zest” attribution appears, makes the modal’s privacy-policy link translatable, and tightens the banner credit. See the full release on GitHub.

Added

Per-surface branding control

The branding option now accepts 'modal' or 'banner' in addition to true / false, so the “Powered by Zest” attribution can be shown on one surface only. branding: 'modal' keeps it on the settings modal and removes it from the banner. true (default) and false are unchanged. Also accepted via data-branding="modal" / data-branding="banner".

<script>
  window.ZestConfig = { branding: "modal" };
</script>
<script src="https://cdn.jsdelivr.net/npm/@freshjuice/zest@2"></script>

The modal’s privacy-policy link (rendered when policyUrl is set) no longer hard-codes the English “Privacy Policy” string. The text is now a labels.modal.policyText label with per-language translations for all 12 built-in languages; override it via labels.modal.policyText.

Changed

The banner credit now renders at 10px and sits flush against the banner’s bottom edge (−14px bottom margin), so it reads as a subtle footer rather than a floating line. The modal attribution is unchanged.

@freshjuice/zest-astro now declares support for Astro 7

The peer dependency range is ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0. No plugin code changes were needed — the astro:config:setup / injectScript('head-inline', …) integration API is unchanged in Astro 7. Bumped to 2.4.2.

Install

npm install @freshjuice/zest

Or with a framework plugin:

npm install @freshjuice/zest @freshjuice/zest-astro     # Astro (incl. v7)
npm install @freshjuice/zest @freshjuice/zest-eleventy  # Eleventy

Or via CDN:

<script src="https://cdn.jsdelivr.net/npm/@freshjuice/zest@2" data-geo="on"></script>