@chatui/core/es/styles/dark.less

The React library for Chatbot UI

:root[data-color-scheme="dark"] {
  // 不再建议直接用，用下面的文字色、填充色、线条色、功能色
  --black: var(--gray-1); // 不再使用
  --white: #1c222e; // --color-fill-1
  --gray-1: #f3f6f8; // --color-text-1
  --gray-2: #cacfd7; // --color-text-2
  --gray-4: #444c5a; // --color-line-2
  --gray-5: rgba(204, 223, 255, 0.15); // --color-line-1
  --gray-8: #283142; // --color-fill-2
  --blue: #409fff;
  --red: #ff6666; // --color-warning

  // Brand 品牌色
  --brand-3: #343B4D;
  --brand-4: #332B26;

  --color-mask: rgba(14, 17, 25, 0.7);
  --color-toast: rgba(243, 246, 248, 0.96);

  --app-bg: #0e1119;
  --navbar-bg: #0e1119;
  --footer-bg: #0e1119;

  --btn-primary-color: #fff;
  --btn-primary-bg: var(--brand-1);

  --skeleton-bg-1: var(--color-fill-2);
  --skeleton-bg-2: var(--color-line-1);

  .Toolbar-btnIcon {
    background: #1c222e;
  }

  .Modal-dialog[data-has-avatar='true'] {
    background: @modal-bg;
  }
}