Catppuccin Latte (Light) & Macchiato (Dark) Theme for Cherry Studio

Cherry_Studio_Theme_Catppuccin.css

/* Catppuccin Latte (Light) & Macchiato (Dark) for Cherry Studio */
body[theme-mode="light"] {
  --color-background: #eff1f5;
  --color-background-soft: #e6e9ef;
  --color-background-mute: #dce0e8;
  --color-background-opacity: rgba(239, 241, 245, 0.7);
  --color-text-1: #4c4f69;
  --color-text-2: #5c5f77;
  --color-text-3: #6c6f85;
  --color-primary: #40a02b;
  --color-primary-soft: rgba(64, 160, 43, 0.6);
  --color-primary-mute: rgba(64, 160, 43, 0.2);
  --color-link: #04a5e5;
  --color-error: #d20f39;
  --color-white: #eff1f5;
  --color-white-soft: #e6e9ef;
  --color-white-mute: #dce0e8;
  --color-black: #4c4f69;
  --color-black-soft: #5c5f77;
  --color-black-mute: #6c6f85;
  --color-gray-1: #7c7f93;
  --color-gray-2: #8c8fa1;
  --color-gray-3: #9ca0b0;
  --color-icon: #7287fd;
  --color-icon-white: #eff1f5;
  --color-border: #acb0be;
  --color-border-soft: #bcc0cc;
  --color-border-mute: #ccd0da;
  --color-code-background: #e6e9ef;
  --color-hover: rgba(188, 192, 204, 0.3);
  --color-active: rgba(172, 176, 190, 0.5);
  --color-frame-border: #ccd0da;
  --color-group-background: #e6e9ef;
  --color-reference: #7287fd;
  --color-reference-text: #eff1f5;
  --color-reference-background: #4c4f69;
  --navbar-background-mac: rgba(230, 233, 239, 0.6);
  --navbar-background: #e6e9ef;
  --chat-background: #eff1f5;
  --chat-background-user: #40a02b;
  --chat-background-assistant: #e6e9ef;
  --chat-text-user: #eff1f5;
}

body[theme-mode="light"] .ant-collapse {
  background-color: var(--color-border-mute);
}

body[theme-mode="light"] .ant-collapse-content {
  background-color: var(--color-border-soft);
}

body[theme-mode="light"] .bubble .message-user {
  color: var(--chat-text-user);

  .markdown,
  .anticon,
  .iconfont,
  .message-tokens {
    color: var(--chat-text-user) !important;
  }
}

body[theme-mode="light"] .bubble .group-message-wrapper {
  .message-content-container {
    border: 1px solid var(--color-background-mute);
  }
}

body[theme-mode="dark"] {
  --color-background: rgba(36, 39, 58, 0.8);
  --color-background-soft: #1e2030;
  --color-background-mute: rgba(24, 25, 38, 0.6);
  --color-background-opacity: rgba(36, 39, 58, 0.7);
  --color-text-1: #cad3f5;
  --color-text-2: #b8c0e0;
  --color-text-3: #a5adcb;
  --color-primary: #a6da95;
  --color-primary-soft: rgba(166, 218, 149, 0.6);
  --color-primary-mute: rgba(166, 218, 149, 0.2);
  --color-link: #91d7e3;
  --color-error: #ed8796;
  --color-white: #cad3f5;
  --color-white-soft: #b8c0e0;
  --color-white-mute: #a5adcb;
  --color-black: #24273a;
  --color-black-soft: #1e2030;
  --color-black-mute: #181926;
  --color-gray-1: #939ab7;
  --color-gray-2: #8087a2;
  --color-gray-3: #6e738d;
  --color-icon: #b7bdf8;
  --color-icon-white: #24273a;
  --color-border: #5b6078;
  --color-border-soft: #494d64;
  --color-border-mute: #363a4f;
  --color-code-background: #1e2030;
  --color-hover: rgba(128, 135, 162, 0.3);
  --color-active: rgba(147, 154, 183, 0.5);
  --color-frame-border: #363a4f;
  --color-group-background: #1e2030;
  --color-reference: #b7bdf8;
  --color-reference-text: #24273a;
  --color-reference-background: #cad3f5;
  --navbar-background-mac: rgba(30, 32, 48, 0.6);
  --navbar-background: #1e2030;
  --chat-background: #24273a;
  --chat-background-user: #a6da95;
  --chat-background-assistant: #1e2030;
  --chat-text-user: #24273a;
}

body[theme-mode="dark"] .ant-collapse {
  background-color: var(--color-border-mute);
}

body[theme-mode="dark"] .ant-collapse-content {
  background-color: var(--color-border-soft);
}

body[theme-mode="dark"] .bubble .message-user {
  color: var(--chat-text-user);

  .markdown,
  .anticon,
  .iconfont,
  .message-tokens {
    color: var(--chat-text-user) !important;
  }
}

body[theme-mode="dark"] .bubble .group-message-wrapper {
  .message-content-container {
    border: 1px solid var(--color-background-mute);
  }
}