:root { --color-bg: #eeeeee; --background: #eeeeee; --color-surface: #ffffff; --color-border: #dddddd; --color-text-muted: #667788; --color-surface-hover: #eeeeee; --color-message-star-favorited-border: #eecc99; --color-message-star-unfavorited: #999999; --color-message-star-unfavorited-border: #dddddd; }
.dark { --color-bg: #161d2d; --background: #161d2d; --color-surface: #283344; --color-border: #445566; --color-text-muted: #99aaaa; --color-accent: #60a5fb; --color-surface-hover: #374152; --color-text-secondary: #eeeeee; --color-star-yellow: #ffbb22; --color-message-star-unfavorited-bg: #335577; --color-message-star-unfavorited-border: #445566; }
.gray { --color-bg: #333333; --background: #333333; --color-surface: #555555; --color-border: #666666; --color-text: #ffffff; --foreground: #ffffff; --color-text-muted: #ffffff; --color-accent: #bbbbbb; --color-surface-hover: #777777; --color-well: #666666; --color-well-active: #888888; --color-text-secondary: #ffffff; --color-danger: #8f0000; --color-success: #45a568; --color-warning: #ffbb00; --color-info: #3399ff; --color-star-yellow: #ffbb00; --color-star-blue: #add2ff; --color-star-gold: #ffbb00; --color-star-gold-ring: #999999; --color-message-star-favorited: #ffbb22; --color-message-star-favorited-border: #997755; --color-message-star-unfavorited: #999999; --color-message-star-unfavorited-bg: #777777; --color-message-star-unfavorited-border: #999999; --color-icon-action: #dddddd; --color-icon-action-bg: #777777; --color-icon-action-border: #999999; --color-icon-action-disabled: #666666; --color-icon-action-disabled-border: #666666; --color-nav-active-bg: #bfbfbf; --color-theme-selector-bg: #bbbbbb; --color-accent-text: #ffffff; }