[data-theme="dark"] {
  /* color */
  --viewer-avatar-bg: rgb(0,0,0,0.3);
  --viewer-avatar-bg-image-on: rgb(0,0,0,0.3);
  --viewer-avatar-fg: rgb(255,255,255);
  --viewer-avatar-fg-image-on: rgb(255,255,255,0.99);
  --viewer-avatar-fg-image-on-light: rgb(255,255,255,0.75);
  --viewer-avatar-fg-light: rgb(255,255,255,0.75);
  --viewer-bg-ad: rgb(40,40,40,0.9);
  --viewer-bg-bubble-button: rgb(41,41,41);
  --viewer-bg-chat: rgb(255,255,255,0);
  --viewer-bg-chat-bubble-ai: rgb(45,52,62,0.95);
  --viewer-bg-chat-bubble-self: rgb(121,226,121);
  --viewer-bg-chat-bubble-self-light: rgb(154,250,152);
  --viewer-bg-chat-hover: rgb(255,255,255,0.03);
  --viewer-bg-chat-narration-1: rgb(0,0,0,0.8);
  --viewer-bg-chat-narration-2: rgb(0,0,0,0);
  --viewer-bg-chat-system: rgb(51,51,51,0.8);
  --viewer-bg-chat-toast: rgb(0,0,0,0.45);
  --viewer-bg-content: rgb(9,9,9);
  --viewer-bg-input: rgb(17,17,17,0.95);
  --viewer-bg-input-image-on: rgb(17,17,17,0.98);
  --viewer-bg-narrator: rgb(79,94,115);
  --viewer-bg-page: rgb(0,0,0);
  --viewer-bg-previewer: rgb(40,40,40);
  --viewer-bg-toast-1: rgb(51,51,51);
  --viewer-bg-toast-2: rgb(51,51,51,0);
  --viewer-bg-voice: rgb(154,250,152,0.99);
  --viewer-bg-voice-ai: rgb(103,123,151,0.6);
  --viewer-bg-chat-tips: rgb(17,17,17,0.8);
  --viewer-border-chat-narration-1: rgb(255,255,255,0.07);
  --viewer-border-chat-narration-2: rgb(255,255,255,0);
  --viewer-border-chatarea: rgb(255,255,255,0.08);
  --viewer-border-content: rgb(255,255,255,0.08);
  --viewer-brand-viewer: rgb(121,226,121);
  --viewer-brand-viewer-dark: rgb(0,202,65);
  --viewer-fg-1: rgb(255,255,255,0.15);
  --viewer-fg-2: rgb(255,255,255,0.21);
  --viewer-fg-3: rgb(255,255,255,0.32);
  --viewer-fg-4: rgb(255,255,255,0.43);
  --viewer-fg-5: rgb(255,255,255,0.54);
  --viewer-fg-6: rgb(255,255,255,0.6);
  --viewer-fg-7: rgb(255,255,255,0.74);
  --viewer-fg-8: rgb(255,255,255,0.83);
  --viewer-fg-9: rgb(255,255,255,0.99);
  --viewer-fg-chat-ai: rgb(255,255,255);
  --viewer-fg-chat-ai-alpha-1: rgb(255,255,255,0.1);
  --viewer-fg-chat-ai-alpha-3: rgb(255,255,255,0.3);
  --viewer-fg-chat-narration: rgb(255,255,255,0.95);
  --viewer-fg-chat-narration-alpha-3: rgb(255,255,255,0.3);
  --viewer-fg-chat-self: rgb(0,0,0);
  --viewer-fg-chat-self-alpha-3: rgb(0,0,0,0.3);
  --viewer-fg-chat-self-alpha-6: rgb(0,0,0,0.54);
  --viewer-fg-chat-system: rgb(255,255,255,0.95);
  --viewer-fg-chat-system-alpha-3: rgb(255,255,255,0.3);
  --viewer-fg-chat-system-button: rgb(121,226,121);
  --viewer-fg-chat-system-button-sub: rgb(121,226,121);
  --viewer-fg-chat-toast: rgb(255,255,255,0.95);
  --viewer-fg-chat-toast-alpha-3: rgb(255,255,255,0.3);
  --viewer-fg-toast: rgb(239,216,143);
  --viewer-fg-chat-tips: rgb(255,255,255,0.95);
  --viewer-input-bg: rgb(255,255,255,0.12);
  --viewer-input-border: rgb(255,255,255,0.08);
  --viewer-input-button-bg: rgb(255,255,255,0.05);
  --viewer-input-button-border: rgb(255,255,255,0.05);
  --viewer-cata-list-bg: rgb(34,40,47,0.95);
  --viewer-dialog-bg: rgb(16,19,22);
  --viewer-dialog-bg-1: rgb(45,52,62);
  --viewer-dialog-bg-2: rgb(17,17,17);
}
[data-theme="light"] {
  /* color */
  --viewer-avatar-bg: rgb(255,255,255,0);
  --viewer-avatar-bg-image-on: rgb(0,0,0,0.3);
  --viewer-avatar-fg: rgb(0,0,0);
  --viewer-avatar-fg-image-on: rgb(255,255,255,0.99);
  --viewer-avatar-fg-image-on-light: rgb(255,255,255,0.75);
  --viewer-avatar-fg-light: rgb(0,0,0,0.75);
  --viewer-bg-ad: rgb(236,242,251,0.9);
  --viewer-bg-bubble-button: rgb(255,255,255);
  --viewer-bg-chat: rgb(0,0,0,0);
  --viewer-bg-chat-bubble-ai: rgb(223,233,248,0.95);
  --viewer-bg-chat-bubble-self: rgb(121,226,121);
  --viewer-bg-chat-bubble-self-light: rgb(154,250,152);
  --viewer-bg-chat-hover: rgb(0,0,0,0.03);
  --viewer-bg-chat-narration-1: rgb(238,238,238,0.8);
  --viewer-bg-chat-narration-2: rgb(238,238,238,0);
  --viewer-bg-chat-system: rgb(238,238,238,0.8);
  --viewer-bg-chat-toast: rgb(238,238,238,0.8);
  --viewer-bg-content: rgb(245,245,245);
  --viewer-bg-input: rgb(255,255,255,0.95);
  --viewer-bg-input-image-on: rgb(255,255,255,0.98);
  --viewer-bg-narrator: rgb(255,255,255);
  --viewer-bg-page: rgb(255,255,255);
  --viewer-bg-previewer: rgb(255,255,255);
  --viewer-bg-toast-1: rgb(255,244,204);
  --viewer-bg-toast-2: rgb(255,244,204,0);
  --viewer-bg-voice: rgb(154,250,152);
  --viewer-bg-voice-ai: rgb(240,245,253,0.9);
  --viewer-bg-chat-tips: rgb(238,238,238,0.8);
  --viewer-border-chat-narration-1: rgb(245,245,245,0.8);
  --viewer-border-chat-narration-2: rgb(245,245,245,0);
  --viewer-border-chatarea: rgb(0,0,0,0.05);
  --viewer-border-content: rgb(0,0,0,0.05);
  --viewer-brand-viewer: rgb(121,226,121);
  --viewer-brand-viewer-dark: rgb(0,202,65);
  --viewer-fg-1: rgb(197,209,220);
  --viewer-fg-2: rgb(170,184,197);
  --viewer-fg-3: rgb(142,160,176);
  --viewer-fg-4: rgb(124,141,157);
  --viewer-fg-5: rgb(100,115,131);
  --viewer-fg-6: rgb(83,97,111);
  --viewer-fg-7: rgb(65,78,90);
  --viewer-fg-8: rgb(36,42,47);
  --viewer-fg-9: rgb(20,23,27);
  --viewer-fg-chat-ai: rgb(0,0,0);
  --viewer-fg-chat-ai-alpha-1: rgb(0,0,0,0.1);
  --viewer-fg-chat-ai-alpha-3: rgb(0,0,0,0.3);
  --viewer-fg-chat-narration: rgb(0,0,0);
  --viewer-fg-chat-narration-alpha-3: rgb(0,0,0,0.3);
  --viewer-fg-chat-self: rgb(0,0,0,0.95);
  --viewer-fg-chat-self-alpha-3: rgb(0,0,0,0.3);
  --viewer-fg-chat-self-alpha-6: rgb(0,0,0,0.54);
  --viewer-fg-chat-system: rgb(0,0,0,0.95);
  --viewer-fg-chat-system-alpha-3: rgb(0,0,0,0.3);
  --viewer-fg-chat-system-button: rgb(121,226,121);
  --viewer-fg-chat-system-button-sub: rgb(121,226,121);
  --viewer-fg-chat-toast: rgb(0,0,0,0.45);
  --viewer-fg-chat-toast-alpha-3: rgb(0,0,0,0.25);
  --viewer-fg-toast: rgb(153,91,46);
  --viewer-fg-chat-tips: rgb(0,0,0,0.95);
  --viewer-input-bg: rgb(0,0,0,0);
  --viewer-input-border: rgb(0,0,0,0.12);
  --viewer-input-button-bg: rgb(0,0,0,0.02);
  --viewer-input-button-border: rgb(0,0,0,0.05);
  --viewer-cata-list-bg: rgb(237,240,243);
  --viewer-dialog-bg: rgb(255,255,255);
  --viewer-dialog-bg-1: rgb(255,255,255);
  --viewer-dialog-bg-2: rgb(236,242,251);
}