🔵 方案D:扁平风格 + 暗色模式

进阶 · 视觉定制

扁平化聊天气泡图标 + 自动跟随系统明暗。本页右上角可切换系统主题,客服会同步变化。请看 右下角 的扁平按钮 👉

<script>
  (function(d,t) {
    var BASE_URL = "https://kefu.cxhao.com";
    var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
    g.src = BASE_URL + "/packs/js/sdk.js";
    g.defer = true; g.async = true;
    s.parentNode.insertBefore(g, s);
    g.onload = function() {
      // 关键:样式配置写在 chatwootSettings 里(须在 run() 之前)
      window.chatwootSettings = {
        widgetStyle: 'flat',  // ← 扁平聊天气泡图标
        darkMode: 'auto',     // ← auto 跟随系统 / dark 强制暗色 / light 强制亮色
        locale: 'zh_CN'
      };
      window.chatwootSDK.run({
        websiteToken: 'bTriJMGKn9fh9MB8f6rUrPXj',
        baseUrl: BASE_URL
      });
    }
  })(document, "script");</script>
💡 三种暗色模式:darkMode:'light' 强制亮色 / 'dark' 强制暗色 / 'auto' 跟随系统。运行时也可用 chatwootSDK.setColorScheme('dark') 切换。