Custom CSS

Customizing CSS allows you to modify the software's appearance to better suit your preferences, like this:

Custom CSS

:root {
  --color-background: #1a462788;
  --color-background-soft: #1a4627aa;
  --color-background-mute: #1a462766;
  --navbar-background: #1a4627;
  --chat-background: #1a4627;
  --chat-background-user: #28b561;
  --chat-background-assistant: #1a462722;
}

#content-container {
  background-color: #2e5d3a !important;
}

Built-In Variables

See: https://github.com/CherryHQ/cherry-studio/tree/main/src/renderer/src/assets/styles

Related Recommendations

Some Chinese-style Cherry Studio themes to share: https://linux.do/t/topic/325119/129