/* themes.css - BetterChat's backgrounds, shared by the chat (.feed), the bars around it
 * (.chat-themed: the chat panel / dock), the Events feed (.ev-feed) and Stream Info (.si-themed).
 * An element with one of these classes and data-theme="..." gets the --feed-* colors:
 *   --feed-bg / -alt / -text / -muted   the message area
 *   --feed-bar / --feed-line            the bars around it (toolbar, pin/poll bar, chat box) */
.feed, .ev-feed, .chat-themed, .si-themed {
  --feed-bg: #0e0e10; --feed-alt: #18181b; --feed-text: #efeff1; --feed-muted: #adadb8;
  --feed-bar: #18181b; --feed-line: #2a2a30;
}
:is(.feed, .ev-feed, .chat-themed, .si-themed)[data-theme="midnight"] {
  --feed-bg: #0e0e10; --feed-alt: #18181b; --feed-text: #efeff1; --feed-muted: #adadb8; --feed-bar: #18181b; --feed-line: #2a2a30;
}
:is(.feed, .ev-feed, .chat-themed, .si-themed)[data-theme="twilight"] {
  --feed-bg: #1a1a2e; --feed-alt: #22223a; --feed-text: #e0def4; --feed-muted: #8b8aa4; --feed-bar: #22223a; --feed-line: #33334f;
}
:is(.feed, .ev-feed, .chat-themed, .si-themed)[data-theme="storm"] {
  --feed-bg: #1e2a3a; --feed-alt: #253348; --feed-text: #c5d0dc; --feed-muted: #7a8a9a; --feed-bar: #253348; --feed-line: #364860;
}
:is(.feed, .ev-feed, .chat-themed, .si-themed)[data-theme="daylight"] {
  --feed-bg: #ffffff; --feed-alt: #f0f0f2; --feed-text: #1a1a1a; --feed-muted: #6b6b6b; --feed-bar: #f0f0f2; --feed-line: #dcdce1;
}