Function updateParams

docs/ui/src/theme.js:104–130

()

window.updateParams = updateParams;
function updateParams() {
  let name = document.getElementById('themeNameInput').value;
  let ratios = getContrastRatioInputs();
  let theme = {
    baseScale: _theme.backgroundColor.name,
    colorScales: _theme.colors.map((c) => {
      return {
        name: c.name,
        colorKeys: c.colorKeys,
        colorSpace: c.colorSpace,
        ratios: ratios,
        smooth: c.smooth
      };
    }),
    lightness: _theme.lightness,
    contrast: _theme.contrast,
    saturation: _theme.saturation,
    formula: _theme.formula
  };
  let url = new URL(window.location);
  let params = new URLSearchParams(sanitizeQueryString(url.search.slice(1)));

  params.set('name', name); // Theme name
  params.set('config', JSON.stringify(theme)); // Configurations

  window.history.replaceState({}, '', '?' + params); // update the page's URL.
}

new ClipboardJS('.copyButton');
new ClipboardJS('.themeOutputSwatch');