yuang-framework-ui-pc/lib/utils/theme-util.cjs

yuang-framework-ui-pc Library

"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const colors = require("@ant-design/colors");
function changeColor(color, dark) {
  const $html = document.documentElement;
  if (!$html) {
    return;
  }
  const id = "ele-theme-var";
  const elem = document.getElementById(id);
  if (elem == null ? void 0 : elem.parentNode) {
    elem.parentNode.removeChild(elem);
  }
  if (color) {
    const colors$1 = colors.generate(color, dark ? { theme: "dark" } : {});
    const selector = dark ? "html.dark" : ":root";
    const elem2 = document.createElement("style");
    elem2.id = id;
    elem2.setAttribute("type", "text/css");
    elem2.innerHTML = [
      `${selector}{`,
      `--el-color-primary:${color};`,
      `--el-color-primary-light-3:${colors$1[4]};`,
      `--el-color-primary-light-5:${colors$1[3]};`,
      `--el-color-primary-light-7:${colors$1[2]};`,
      `--el-color-primary-light-8:${colors$1[1]};`,
      `--el-color-primary-light-9:${colors$1[0]};`,
      `--el-color-primary-dark-2:${colors$1[6]};`,
      "}"
    ].join("");
    document.head.appendChild(elem2);
    $html.dataset.color = color;
  } else {
    $html.removeAttribute("data-color");
  }
  if (dark) {
    $html.classList.add("dark");
  } else {
    $html.classList.remove("dark");
  }
}
exports.changeColor = changeColor;