分享个cherry studio的claude主题

最近用网上的cherry studio主题个人感觉要么太腻了颜色过浓，要么就乱拼色
所以就让claude帮忙按照claude desktop的颜色改了一个，也是原汤化原食了
复制粘贴到cherry studio的css区域即可

/* CherryCSS v2 theme: claude-neutral */

html.light, body.light {
  /* ---------- 聊天区域 ---------- */
  --cherrycss-claude-chat-background: #fcfcfb;
  --cherrycss-claude-chat-background-assistant: #ffffff;
  --cherrycss-claude-chat-background-user: #f0efec;
  --cherrycss-claude-chat-text-user: var(--cherrycss-claude-color-text);

  /* ---------- 背景 ---------- */
  --cherrycss-claude-color-background: #fcfcfb;          /* 中间主界面 */
  --cherrycss-claude-color-background-accent: #f0efec;
  --cherrycss-claude-color-background-mute: #f5f4f2;
  --cherrycss-claude-color-background-opacity: rgba(252, 252, 251, 0.7);
  --cherrycss-claude-color-background-soft: #f3f2ef;
  --cherrycss-claude-navbar-background: #fbfbf9;         /* 侧边栏 / 导航栏 */
  --cherrycss-claude-navbar-background-mac: #fbfbf9;

  /* ---------- 交互状态 ---------- */
  --cherrycss-claude-color-hover: #f3f2ef;
  --cherrycss-claude-color-active: #edece8;

  /* ---------- 基础色 ---------- */
  --cherrycss-claude-color-black: #1f1e1d;
  --cherrycss-claude-color-black-mute: #363533;
  --cherrycss-claude-color-black-soft: #2a2927;
  --cherrycss-claude-color-white: #ffffff;
  --cherrycss-claude-color-white-mute: #f3f2ef;
  --cherrycss-claude-color-white-soft: #edece8;
  --cherrycss-claude-color-gray-1: #8e8d88;
  --cherrycss-claude-color-gray-2: #aeada8;
  --cherrycss-claude-color-gray-3: #c8c7c2;

  /* ---------- 边框 ---------- */
  --cherrycss-claude-color-border: #1f1e1d26;
  --cherrycss-claude-color-border-soft: #1f1e1d1a;
  --cherrycss-claude-color-border-mute: #1f1e1d0f;
  --cherrycss-claude-color-frame-border: #e8e7e4;

  /* ---------- 文字 / 图标 ---------- */
  --cherrycss-claude-color-text: var(--cherrycss-claude-color-text-1);
  --cherrycss-claude-color-text-1: #1f1e1d;
  --cherrycss-claude-color-text-2: #73726c;
  --cherrycss-claude-color-text-3: #a3a29c;
  --cherrycss-claude-color-icon: #1f1e1d99;
  --cherrycss-claude-color-icon-white: #1f1e1d;

  /* ---------- 强调色 ---------- */
  --cherrycss-claude-color-primary: #c96442;
  --cherrycss-claude-color-primary-mute: #c9644233;
  --cherrycss-claude-color-primary-soft: #c9644299;
  --cherrycss-claude-color-link: #2c5fa8;
  --cherrycss-claude-color-error: #b53333;
  --cherrycss-claude-color-code-background: #f5f4f2;
  --cherrycss-claude-color-group-background: #ffffff;
  --cherrycss-claude-color-reference: #2c5fa8;
  --cherrycss-claude-color-reference-background: #f2f6fc;
  --cherrycss-claude-color-reference-text: #1f1e1d;

  /* ---------- 映射到界面变量 ---------- */
  --background: var(--cherrycss-claude-color-background);
  --foreground: var(--cherrycss-claude-color-text);
  --card: var(--cherrycss-claude-chat-background-assistant);
  --card-foreground: var(--cherrycss-claude-color-text);
  --popover: #ffffff;
  --popover-foreground: var(--cherrycss-claude-color-text);
  --primary: var(--cherrycss-claude-color-primary);
  --primary-foreground: #ffffff;
  --secondary: var(--cherrycss-claude-color-background-soft);
  --secondary-foreground: var(--cherrycss-claude-color-text);
  --muted: var(--cherrycss-claude-color-background-mute);
  --muted-foreground: var(--cherrycss-claude-color-text-2);
  --accent: var(--cherrycss-claude-color-hover);
  --accent-foreground: var(--cherrycss-claude-color-text);
  --border: var(--cherrycss-claude-color-border);
  --input: var(--cherrycss-claude-color-border);
  --ring: var(--cherrycss-claude-color-primary);
  --sidebar: var(--cherrycss-claude-navbar-background);
  --sidebar-foreground: var(--cherrycss-claude-color-text);
  --sidebar-accent: var(--cherrycss-claude-color-active);
  --sidebar-accent-foreground: var(--cherrycss-claude-color-text);
  --sidebar-primary: var(--cherrycss-claude-color-primary);
  --sidebar-primary-foreground: #ffffff;
  --sidebar-ring: var(--cherrycss-claude-color-primary);
  --sidebar-border: var(--cherrycss-claude-color-border-soft);
  --background-subtle: var(--cherrycss-claude-color-background-mute);
  --foreground-tertiary: var(--cherrycss-claude-color-text-3);
  --border-subtle: var(--cherrycss-claude-color-border-soft);
  --border-strong: var(--cherrycss-claude-color-border);
  --error: var(--cherrycss-claude-color-error);
  --link: var(--cherrycss-claude-color-link);
  --code-block: var(--cherrycss-claude-color-code-background);
  --reference: var(--cherrycss-claude-color-reference);
  --reference-foreground: var(--cherrycss-claude-color-reference-text);
  --reference-subtle: var(--cherrycss-claude-color-reference-background);
  --chat-user: var(--cherrycss-claude-chat-background-user);
}

html.dark, body.dark {
  /* ---------- 聊天区域 ---------- */
  --cherrycss-claude-chat-background: #262624;
  --cherrycss-claude-chat-background-assistant: #30302e;
  --cherrycss-claude-chat-background-user: #393937;
  --cherrycss-claude-chat-text-user: var(--cherrycss-claude-color-text);

  /* ---------- 背景 ---------- */
  --cherrycss-claude-color-background: #262624;
  --cherrycss-claude-color-background-accent: #30302e;
  --cherrycss-claude-color-background-mute: #30302e;
  --cherrycss-claude-color-background-opacity: rgba(38, 38, 36, 0.6);
  --cherrycss-claude-color-background-soft: #393937;
  --cherrycss-claude-navbar-background: #1f1e1d;
  --cherrycss-claude-navbar-background-mac: #1f1e1d;

  /* ---------- 交互状态 ---------- */
  --cherrycss-claude-color-hover: #30302e;
  --cherrycss-claude-color-active: #393937;

  /* ---------- 基础色 ---------- */
  --cherrycss-claude-color-black: #1f1e1d;
  --cherrycss-claude-color-black-mute: #363533;
  --cherrycss-claude-color-black-soft: #2a2927;
  --cherrycss-claude-color-white: #ffffff;
  --cherrycss-claude-color-white-mute: #30302e;
  --cherrycss-claude-color-white-soft: #393937;
  --cherrycss-claude-color-gray-1: #8e8d88;
  --cherrycss-claude-color-gray-2: #aeada8;
  --cherrycss-claude-color-gray-3: #c8c7c2;

  /* ---------- 边框 ---------- */
  --cherrycss-claude-color-border: #ffffff1f;
  --cherrycss-claude-color-border-soft: #ffffff17;
  --cherrycss-claude-color-border-mute: #ffffff0f;
  --cherrycss-claude-color-frame-border: #30302e;

  /* ---------- 文字 / 图标 ---------- */
  --cherrycss-claude-color-text: var(--cherrycss-claude-color-text-1);
  --cherrycss-claude-color-text-1: #f5f4ef;
  --cherrycss-claude-color-text-2: #f5f4efa6;
  --cherrycss-claude-color-text-3: #f5f4ef73;
  --cherrycss-claude-color-icon: #f5f4efb3;
  --cherrycss-claude-color-icon-white: #f5f4ef;

  /* ---------- 强调色 ---------- */
  --cherrycss-claude-color-primary: #d97757;
  --cherrycss-claude-color-primary-mute: #d9775733;
  --cherrycss-claude-color-primary-soft: #d9775799;
  --cherrycss-claude-color-link: #7aa7e0;
  --cherrycss-claude-color-error: #e06c6c;
  --cherrycss-claude-color-code-background: #1f1e1d;
  --cherrycss-claude-color-group-background: #30302e;
  --cherrycss-claude-color-reference: #7aa7e0;
  --cherrycss-claude-color-reference-background: #2b2f36;
  --cherrycss-claude-color-reference-text: #f5f4ef;

  /* ---------- 映射到界面变量 ---------- */
  --background: var(--cherrycss-claude-color-background);
  --foreground: var(--cherrycss-claude-color-text);
  --card: var(--cherrycss-claude-chat-background-assistant);
  --card-foreground: var(--cherrycss-claude-color-text);
  --popover: #30302e;
  --popover-foreground: var(--cherrycss-claude-color-text);
  --primary: var(--cherrycss-claude-color-primary);
  --primary-foreground: #ffffff;
  --secondary: var(--cherrycss-claude-color-background-soft);
  --secondary-foreground: var(--cherrycss-claude-color-text);
  --muted: var(--cherrycss-claude-color-background-mute);
  --muted-foreground: var(--cherrycss-claude-color-text-2);
  --accent: var(--cherrycss-claude-color-hover);
  --accent-foreground: var(--cherrycss-claude-color-text);
  --border: var(--cherrycss-claude-color-border);
  --input: var(--cherrycss-claude-color-border);
  --ring: var(--cherrycss-claude-color-primary);
  --sidebar: var(--cherrycss-claude-navbar-background);
  --sidebar-foreground: var(--cherrycss-claude-color-text);
  --sidebar-accent: var(--cherrycss-claude-color-active);
  --sidebar-accent-foreground: var(--cherrycss-claude-color-text);
  --sidebar-primary: var(--cherrycss-claude-color-primary);
  --sidebar-primary-foreground: #ffffff;
  --sidebar-ring: var(--cherrycss-claude-color-primary);
  --sidebar-border: var(--cherrycss-claude-color-border-soft);
  --background-subtle: var(--cherrycss-claude-color-background-mute);
  --foreground-tertiary: var(--cherrycss-claude-color-text-3);
  --border-subtle: var(--cherrycss-claude-color-border-soft);
  --border-strong: var(--cherrycss-claude-color-border);
  --error: var(--cherrycss-claude-color-error);
  --link: var(--cherrycss-claude-color-link);
  --code-block: var(--cherrycss-claude-color-code-background);
  --reference: var(--cherrycss-claude-color-reference);
  --reference-foreground: var(--cherrycss-claude-color-reference-text);
  --reference-subtle: var(--cherrycss-claude-color-reference-background);
  --chat-user: var(--cherrycss-claude-chat-background-user);
}