[data-theme="light"] {
  /* color */
  --image-invert: rgb(255,255,255,0.05);
  --page-bg: rgb(255,255,255);
  --page-bg-darker: rgb(247,246,248);
  --redline: rgb(255,0,255);
  --cartoon-name-1: rgb(255,160,11);
  --cartoon-name-2: rgb(0,202,65);
  --cartoon-name-3: rgb(11,133,255);
  --cartoon-name-4: rgb(192,91,243);
  --cartoon-name-5: rgb(103,213,208);
  --cartoon-name-6: rgb(105,103,255);
  --cartoon-name-7: rgb(91,201,246);
  --cartoon-name-8: rgb(255,119,250);
  --chat-bubble-bg-self: rgb(255,255,255);
  --chat-file-bg: rgb(255,255,255);
  --chat-file-card-bg: rgb(243,242,241);
  --chat-file-card-bg-hover: rgb(238,237,236);
  --chat-input-bg: rgb(255,255,255);
  --chat-tool-bg: rgb(238,237,239);
  --chat-tool-bg-hover: rgb(229,228,230);
  --output-accent-a: rgb(136,168,87);
  --output-accent-bg-a: rgb(248,252,240);
  --output-accent-bg-a-light: rgb(253,255,245);
  --output-card-bg: rgb(243,242,241);
  --output-card-bg-hover: rgb(238,237,236);
  --output-page-bg: rgb(255,255,255);
}
[data-theme="dark"] {
  /* color */
  --image-invert: rgb(255,255,255,0.05);
  --page-bg: rgb(18,17,19);
  --page-bg-darker: rgb(25,24,26);
  --redline: rgb(255,0,255);
  --cartoon-name-1: rgb(255,160,11);
  --cartoon-name-2: rgb(0,202,65);
  --cartoon-name-3: rgb(11,133,255);
  --cartoon-name-4: rgb(192,91,243);
  --cartoon-name-5: rgb(103,213,208);
  --cartoon-name-6: rgb(105,103,255);
  --cartoon-name-7: rgb(91,201,246);
  --cartoon-name-8: rgb(255,119,250);
  --chat-bubble-bg-self: rgb(255,255,255,0.08);
  --chat-file-bg: rgb(255,255,255,0.05);
  --chat-file-card-bg: rgb(66,65,67);
  --chat-file-card-bg-hover: rgb(61,60,62);
  --chat-input-bg: rgb(37,36,38);
  --chat-tool-bg: rgb(255,255,255,0.06);
  --chat-tool-bg-hover: rgb(255,255,255,0.08);
  --output-accent-a: rgb(136,168,87);
  --output-accent-bg-a: #32352A;
  --output-accent-bg-a-light: #383B30;
  --output-card-bg: rgb(66,65,67);
  --output-card-bg-hover: rgb(61,60,62);
  --output-page-bg: #262726;
}