:root {
  // 主题色
  --uai-primary-color: #3480f9;
  --uai-color-white: #fff;
  --uai-color-black: #000;
  // 警示颜色
  --uai-warning-color: #f6913e;
  --uai-error-color: #ef3f35;
  // 背景颜色
  --uai-toolbar-background: #fff;
  --uai-container-background: #f4f5f7;
  --uai-button-hover-background: #f1f3f5;
  // 文本选中时的背景颜色
  --uai-text-selection-background: #94cfff;

  // 字体相关
  --uai-font-family: helvetica neue, helvetica, pingfang sc, hiragino sans gb,
    microsoft yahei, simsun, sans-serif;
  --uai-font-size: 14px;
  --uai-font-size-small: 12px;
  --uai-text-color: rgb(51, 54, 57);
  --uai-text-color-light: rgba(0, 0, 0, 0.5);
  --uai-text-color-disabled: #a7abac;

  // 边框
  --uai-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.03),
    0 8px 10px 1px rgba(0, 0, 0, 4%), 0 5px 5px -3px rgba(0, 0, 0, 8%);
  --uai-border-color: rgba(0, 0, 0, 0.08);
  --uai-border-color-dark: #ddd;
  --uai-border-color-light: rgba(0, 0, 0, 0.05);

  // 圆角
  --uai-radius: 5px;
  --uai-radius-medium: 5px;

  // 提示
  --uai-menu-tips-bg-color: #fff;
  --uai-menu-tips-text-color: #000;

  // 弹出层
  --uai-popup-content-padding: 12px;
  --uai-popup-max-height: max(60vh, 180px);
  --uai-tooltip-content-padding: 6px 10px;
  --uai-mask-color: transparent;

  // 编辑器
  --uai-content-placeholder-color: #999;
  --uai-content-text-color: #333;
  --uai-content-node-border: #e7e7e7;
  --uai-content-node-radius: var(--uai-radius);
  --uai-content-node-bottom: 0.75em;
  --uai-content-node-selected-background: #f5f8fc;
  --uai-content-table-border-color: #333;
  --uai-content-table-thead-background: #f1f3f5;
  --uai-content-table-selected-background: rgba(200, 200, 255, 0.4);
  --uai-content-line-number-color: #e7e8ea;
  --uai-content-search-result-background: #fefc7ef2;
  --uai-content-search-result-current-background: #0dff00c3;
  --uai-content-invisible-break-color: rgb(78, 139, 252);
  --uai-content-code-color: var(--uai-primary-color);
  --uai-content-code-background: #f1f3f5;
  --uai-content-code-family: Consolas, Monaco, Andale Mono, Ubuntu Mono,
    monospace;

  // 滚动条
  --uai-scrollbar-size: 10px;
  --uai-scrollbar-thumb-color: rgba(0, 0, 0, 0.2);
  --uai-scrollbar-thumb-hover-color: rgba(0, 0, 0, 0.35);
  
  --uai-app-bubble-sent-background-color: #a5f5a5;
  --uai-app-bubble-reveived-background-color: #a5f5f5;
}

[theme-mode='dark'] {
  // 主题色
  --uai-color-white: #17171a;
  --uai-color-black: #fff;

  // 警示颜色
  --uai-warning-color: rgb(207, 110, 45);
  --uai-error-color: rgb(198, 71, 81);

  // 背景颜色
  --uai-container-background: #2a2b2d;
  --uai-button-hover-background: #2c2c2c;

  // 字体相关
  --uai-text-color: #ddd;
  --uai-text-color-light: #bbb;
  --uai-text-color-disabled: #999;

  // 边框
  --uai-border-color: rgba(255, 255, 255, 0.15);
  --uai-border-color-dark: rgba(255, 255, 255, 0.2);
  --uai-border-color-light: rgba(255, 255, 255, 0.08);

  // 编辑器
  --uai-content-text-color: #000;

  // 滚动条
  --uai-scrollbar-thumb-color: rgba(255, 255, 255, 0.3);
  --uai-scrollbar-thumb-hover-color: rgba(255, 255, 255, 0.45);
}
