/* arisuchat themes
 *
 * A theme is chosen in Settings and set as <html data-theme="...">; without
 * one, gamja-bear.css's own colors apply unchanged. Each theme defines the
 * palette variables below; the shared block derives everything else
 * (panels, borders, event lines...) from them, so a theme looks right
 * whatever the OS light/dark preference is. Colors in gamja-bear.css that
 * follow the theme are written var(--t-..., <default color>).
 *
 * To add a theme: a palette block with the same variables, its 16 nick
 * colors, and an entry in THEMES in lib/themes.js.
 */

/* Shared: derived from each theme's palette */
html[data-theme] {
  --t-list-bg: var(--sidebar-background);
  --t-member-list-bg: var(--sidebar-background);
  --t-active-color: var(--main-color);
  --t-composer-flash: var(--main-color);
  --t-header-bg: var(--sidebar-background);
  --t-description-bg: var(--main-background);
  --t-active-bg: var(--expander-background-hover);
  --t-error: var(--red);
  --t-unread: var(--green);
  --t-highlight: var(--dm-color);
  --t-unread-bubble: var(--t-accent);
  --t-status-gone: var(--gray);
  --role-owner: var(--red);
  --role-admin: var(--dm-color);
  --t-composer-focus: var(--gray);
  --t-link: var(--button-background);
  --t-me-tell: var(--dm-color);
  --t-highlight-nick-bg: var(--dm-color);
  --t-highlight-nick-color: var(--main-background);
  --t-muted: var(--gray);
  --t-separator: var(--expander-background-hover);
  --t-error-bg: var(--danger-button-background);
  --t-error-msg-color: var(--button-color);
  --t-kbd-bg: var(--expander-background);
  --t-kbd-border: var(--expander-background-hover);
  --t-kbd-shadow: none;
  --t-input-color: var(--main-color);
  --t-input-border: var(--expander-background-hover);
  --t-icon: var(--gray);
  --t-ident: var(--gray);
  --t-join: var(--green);
  --t-part: var(--red);
  --t-lime: var(--green);
  --t-nick-me: var(--main-color);
  --t-server-code: var(--dm-color);
  --t-server-reply: var(--gray);
  --t-server-entry: var(--gray);
  --t-server-entry-unread: var(--red);
  --t-media-bg: var(--expander-background);
  --t-media-color: var(--gray);
  --t-media-line: var(--expander-background-hover);
  --t-media-button: var(--expander-background-hover);
  --t-media-button-off: var(--expander-background);
  --t-media-button-color: var(--main-color);

  /* Panels (dialogs, reconnect banner) */
  --t-panel: color-mix(in srgb, var(--sidebar-background) 94%, transparent);
  --t-panel-color: var(--main-color);
  --t-option-bg: var(--sidebar-background);
  --t-panel-muted: var(--gray);
  --t-line: color-mix(in srgb, var(--main-color) 12%, transparent);
  --t-line-strong: color-mix(in srgb, var(--main-color) 22%, transparent);
  --t-dialog-border: var(--t-line);
  --t-field: color-mix(in srgb, var(--main-color) 5%, transparent);
  --t-field-line: color-mix(in srgb, var(--main-color) 18%, transparent);
  --t-hover: color-mix(in srgb, var(--main-color) 7%, transparent);
  --t-placeholder: color-mix(in srgb, var(--main-color) 42%, transparent);
  --t-accent: var(--button-background);
  --t-accent-text: var(--main-color);
  --t-accent-soft: color-mix(in srgb, var(--button-background) 20%, transparent);
  --t-accent-soft-hover: color-mix(in srgb, var(--button-background) 32%, transparent);
  --t-accent-line: color-mix(in srgb, var(--button-background) 55%, transparent);
  --t-focus-ring: color-mix(in srgb, var(--button-background) 25%, transparent);
  --t-error-line: color-mix(in srgb, var(--red) 45%, transparent);
  --t-error-soft: color-mix(in srgb, var(--red) 10%, transparent);
  --t-error-soft-hover: color-mix(in srgb, var(--red) 16%, transparent);
}

/* The header and menu icons are white images: dark themes show them as is,
   light themes set --t-icon-filter to turn them dark. (The close icon is a
   mask drawn in currentColor, so it's left alone.) */
html[data-theme] .settings-btn::after,
html[data-theme] #buffer-header .actions button:not(.danger)::after,
html[data-theme] .expander svg {
  filter: var(--t-icon-filter, none);
}

/* On phones the settings gear is a mask in the button text color instead
   (gamja-bear.css), which already suits the theme */
@media (max-width: 640px) {
  html[data-theme] #buffer-header .actions button.settings-btn::after {
    filter: none;
  }
}

/* A highlighted message's nick keeps the highlight colors: the themes' nick
   colors below are more specific than gamja-bear.css's highlight rule */
html[data-theme] #buffer .highlight .nick {
  color: var(--t-highlight-nick-color);
  background-color: var(--t-highlight-nick-bg);
}

/* ── monokai ── */
html[data-theme="monokai"] {
  color-scheme: dark;
  --main-background: #1e1f1c;
  --main-color: #f8f8f2;
  --sidebar-background: #171814;
  --expander-background: #272822;
  --expander-background-hover: #3e3d32;
  --button-background: #e6db74;
  --button-background-hover: #bfb55a;
  --button-border: #3e3d32;
  --button-color: #272822;
  --danger-button-background: #f92672;
  --danger-button-background-hover: #c81e5b;
  --dm-color: #f92672;
  --dm-color-hover: #c81e5b;
  --danger-button-border: #3e3d32;
  --buffer-button-background-hover: #272822;
  --green: #a6e22e;
  --gray: #908b74;
  --red: #f92672;
  --t-logline-hover: #272822;
  --t-scrollbar: #75715e;
}
html[data-theme="monokai"] #buffer .nick-1 { color: #ff5c94; }
html[data-theme="monokai"] #buffer .nick-2 { color: #a6e22e; }
html[data-theme="monokai"] #buffer .nick-3 { color: #fd971f; }
html[data-theme="monokai"] #buffer .nick-4 { color: #e6db74; }
html[data-theme="monokai"] #buffer .nick-5 { color: #66d9ef; }
html[data-theme="monokai"] #buffer .nick-6 { color: #ae81ff; }
html[data-theme="monokai"] #buffer .nick-7 { color: #ff6188; }
html[data-theme="monokai"] #buffer .nick-8 { color: #a9dc76; }
html[data-theme="monokai"] #buffer .nick-9 { color: #fc9867; }
html[data-theme="monokai"] #buffer .nick-10 { color: #ffd866; }
html[data-theme="monokai"] #buffer .nick-11 { color: #78dce8; }
html[data-theme="monokai"] #buffer .nick-12 { color: #ab9df2; }
html[data-theme="monokai"] #buffer .nick-13 { color: #cfcfc2; }
html[data-theme="monokai"] #buffer .nick-14 { color: #f4bf75; }
html[data-theme="monokai"] #buffer .nick-15 { color: #9ece6a; }
html[data-theme="monokai"] #buffer .nick-16 { color: #e69fb4; }
html[data-theme="monokai"] button.settings-btn:hover { background-color: #49483e; }

/* ── light ── */
html[data-theme="light"] {
  /* "only": asks browsers not to force-darken it (Chrome's desktop
     #enable-force-dark flag ignores this and darkens every page) */
  color-scheme: only light;
  --t-icon-filter: invert(1) opacity(0.6);
  --main-background: #dbdbdb;
  --main-color: #323130;
  --sidebar-background: #ffffff;
  --expander-background: #f3f2f1;
  --expander-background-hover: #e1dfdd;
  --button-background: #484644;
  --button-background-hover: #323130;
  --button-border: #e1dfdd;
  --button-color: #ffffff;
  --danger-button-background: #c4314b;
  --danger-button-background-hover: #9d273c;
  --dm-color: #c4314b;
  --dm-color-hover: #9d273c;
  --danger-button-border: #e1dfdd;
  --buffer-button-background-hover: #f3f2f1;
  --green: #605e5c;
  --gray: #8a8886;
  --red: #c4314b;
  --role-operator: #b8860b;
  --role-halfop: #92400e;
  --role-voice: #7a6a00;
  --t-logline-hover: #f3f2f1;
  --t-scrollbar: #a19f9d;
}
html[data-theme="light"] #buffer .nick-1 { color: #81382e; }
html[data-theme="light"] #buffer .nick-2 { color: #92625e; }
html[data-theme="light"] #buffer .nick-3 { color: #744a20; }
html[data-theme="light"] #buffer .nick-4 { color: #a6944d; }
html[data-theme="light"] #buffer .nick-5 { color: #859b44; }
html[data-theme="light"] #buffer .nick-6 { color: #727272; }
html[data-theme="light"] #buffer .nick-7 { color: #81382e; }
html[data-theme="light"] #buffer .nick-8 { color: #4d918c; }
html[data-theme="light"] #buffer .nick-9 { color: #658d9c; }
html[data-theme="light"] #buffer .nick-10 { color: #a373a2; }
html[data-theme="light"] #buffer .nick-11 { color: #826888; }
html[data-theme="light"] #buffer .nick-12 { color: #4a7485; }
html[data-theme="light"] #buffer .nick-13 { color: #92625e; }
html[data-theme="light"] #buffer .nick-14 { color: #155760; }
html[data-theme="light"] #buffer .nick-15 { color: #3c3c3c; }
html[data-theme="light"] #buffer .nick-16 { color: #5c7426; }
html[data-theme="light"] button.settings-btn:hover { background-color: #e8e8e8; }

/* ── light-pink ── */
html[data-theme="light-pink"] {
  /* "only": asks browsers not to force-darken it (Chrome's desktop
     #enable-force-dark flag ignores this and darkens every page) */
  color-scheme: only light;
  --t-icon-filter: invert(1) opacity(0.6);
  --main-background: #f9d6e5;
  --main-color: #532236;
  --sidebar-background: #fff3f8;
  --expander-background: #ffe9f2;
  --expander-background-hover: #f8d1e2;
  --button-background: #d5427e;
  --button-background-hover: #b92f6e;
  --button-border: #f4d2e1;
  --button-color: #ffffff;
  --danger-button-background: #c62828;
  --danger-button-background-hover: #9e2020;
  --dm-color: #6a4c93;
  --dm-color-hover: #57407a;
  --danger-button-border: #f4d2e1;
  --buffer-button-background-hover: #ffe9f2;
  --green: #00796b;
  --gray: #ab768d;
  --red: #c62828;
  --role-operator: #b8860b;
  --role-halfop: #92400e;
  --role-voice: #7a6a00;
  --t-logline-hover: #ffe9f2;
  --t-scrollbar: #c497ab;
}
html[data-theme="light-pink"] #buffer .nick-1 { color: #c2185b; }
html[data-theme="light-pink"] #buffer .nick-2 { color: #7b1fa2; }
html[data-theme="light-pink"] #buffer .nick-3 { color: #b5485d; }
html[data-theme="light-pink"] #buffer .nick-4 { color: #00796b; }
html[data-theme="light-pink"] #buffer .nick-5 { color: #ad1457; }
html[data-theme="light-pink"] #buffer .nick-6 { color: #5e35b1; }
html[data-theme="light-pink"] #buffer .nick-7 { color: #c0392b; }
html[data-theme="light-pink"] #buffer .nick-8 { color: #9c27b0; }
html[data-theme="light-pink"] #buffer .nick-9 { color: #880e4f; }
html[data-theme="light-pink"] #buffer .nick-10 { color: #3949ab; }
html[data-theme="light-pink"] #buffer .nick-11 { color: #9c4d6b; }
html[data-theme="light-pink"] #buffer .nick-12 { color: #6a1b9a; }
html[data-theme="light-pink"] #buffer .nick-13 { color: #d81b60; }
html[data-theme="light-pink"] #buffer .nick-14 { color: #6d4c41; }
html[data-theme="light-pink"] #buffer .nick-15 { color: #8e3b8e; }
html[data-theme="light-pink"] #buffer .nick-16 { color: #b03a48; }
html[data-theme="light-pink"] button.settings-btn:hover { background-color: #f8d1e2; }

/* ── light-blue ── */
html[data-theme="light-blue"] {
  /* "only": asks browsers not to force-darken it (Chrome's desktop
     #enable-force-dark flag ignores this and darkens every page) */
  color-scheme: only light;
  --t-icon-filter: invert(1) opacity(0.6);
  --main-background: #d6e8f9;
  --main-color: #223a53;
  --sidebar-background: #f3f9ff;
  --expander-background: #e9f4ff;
  --expander-background-hover: #d1e5f8;
  --button-background: #3a7fcc;
  --button-background-hover: #2a6bad;
  --button-border: #d2e4f4;
  --button-color: #ffffff;
  --danger-button-background: #c62828;
  --danger-button-background-hover: #9e2020;
  --dm-color: #c62828;
  --dm-color-hover: #9e2020;
  --danger-button-border: #d2e4f4;
  --buffer-button-background-hover: #e9f4ff;
  --green: #2e7d32;
  --gray: #7691ab;
  --red: #c62828;
  --role-operator: #b8860b;
  --role-halfop: #92400e;
  --role-voice: #7a6a00;
  --t-logline-hover: #e9f4ff;
  --t-scrollbar: #97afc4;
}
html[data-theme="light-blue"] #buffer .nick-1 { color: #1565c0; }
html[data-theme="light-blue"] #buffer .nick-2 { color: #00796b; }
html[data-theme="light-blue"] #buffer .nick-3 { color: #5e35b1; }
html[data-theme="light-blue"] #buffer .nick-4 { color: #01579b; }
html[data-theme="light-blue"] #buffer .nick-5 { color: #2e7d32; }
html[data-theme="light-blue"] #buffer .nick-6 { color: #3949ab; }
html[data-theme="light-blue"] #buffer .nick-7 { color: #006064; }
html[data-theme="light-blue"] #buffer .nick-8 { color: #ad1457; }
html[data-theme="light-blue"] #buffer .nick-9 { color: #283593; }
html[data-theme="light-blue"] #buffer .nick-10 { color: #4e6a85; }
html[data-theme="light-blue"] #buffer .nick-11 { color: #6a1b9a; }
html[data-theme="light-blue"] #buffer .nick-12 { color: #0d47a1; }
html[data-theme="light-blue"] #buffer .nick-13 { color: #37474f; }
html[data-theme="light-blue"] #buffer .nick-14 { color: #8d4e00; }
html[data-theme="light-blue"] #buffer .nick-15 { color: #4527a0; }
html[data-theme="light-blue"] #buffer .nick-16 { color: #00695c; }
html[data-theme="light-blue"] button.settings-btn:hover { background-color: #d1e5f8; }

/* ── dark-red ── */
html[data-theme="dark-red"] {
  color-scheme: dark;
  --main-background: #0f0808;
  --main-color: #d3b2b2;
  --sidebar-background: #070303;
  --expander-background: #140b0c;
  --expander-background-hover: #3a1616;
  --button-background: #b23c3c;
  --button-background-hover: #6b1d1d;
  --button-border: #301b1b;
  --button-color: #f5e5e5;
  --danger-button-background: #ff6b6b;
  --danger-button-background-hover: #cc5656;
  --dm-color: #ffa726;
  --dm-color-hover: #e6941f;
  --danger-button-border: #301b1b;
  --buffer-button-background-hover: #140b0c;
  --green: #9cc5a1;
  --gray: #8a6666;
  --red: #ff6b6b;
  --t-logline-hover: #140b0c;
  --t-scrollbar: #7a5a5a;
}
html[data-theme="dark-red"] #buffer .nick-1 { color: #e57373; }
html[data-theme="dark-red"] #buffer .nick-2 { color: #80cbc4; }
html[data-theme="dark-red"] #buffer .nick-3 { color: #ffb74d; }
html[data-theme="dark-red"] #buffer .nick-4 { color: #c98bb9; }
html[data-theme="dark-red"] #buffer .nick-5 { color: #f4a6a6; }
html[data-theme="dark-red"] #buffer .nick-6 { color: #9cc5a1; }
html[data-theme="dark-red"] #buffer .nick-7 { color: #ff8a65; }
html[data-theme="dark-red"] #buffer .nick-8 { color: #b39ddb; }
html[data-theme="dark-red"] #buffer .nick-9 { color: #e6c07b; }
html[data-theme="dark-red"] #buffer .nick-10 { color: #f48fb1; }
html[data-theme="dark-red"] #buffer .nick-11 { color: #90a4d4; }
html[data-theme="dark-red"] #buffer .nick-12 { color: #d4a373; }
html[data-theme="dark-red"] #buffer .nick-13 { color: #ef9a9a; }
html[data-theme="dark-red"] #buffer .nick-14 { color: #ce93d8; }
html[data-theme="dark-red"] #buffer .nick-15 { color: #e0a96d; }
html[data-theme="dark-red"] #buffer .nick-16 { color: #d7a9a9; }
html[data-theme="dark-red"] button.settings-btn:hover { background-color: #241414; }

/* ── dark-green ── */
html[data-theme="dark-green"] {
  color-scheme: dark;
  --main-background: #080f09;
  --main-color: #b2d3b6;
  --sidebar-background: #030704;
  --expander-background: #0b140b;
  --expander-background-hover: #163a1b;
  --button-background: #3cb24c;
  --button-background-hover: #1d6b27;
  --button-border: #1b301e;
  --button-color: #06140a;
  --danger-button-background: #e5484d;
  --danger-button-background-hover: #b73a3e;
  --dm-color: #e5484d;
  --dm-color-hover: #b73a3e;
  --danger-button-border: #1b301e;
  --buffer-button-background-hover: #0b140b;
  --green: #81c784;
  --gray: #668a6b;
  --red: #e5484d;
  --t-logline-hover: #0b140b;
  --t-scrollbar: #5a7a5e;
}
html[data-theme="dark-green"] #buffer .nick-1 { color: #81c784; }
html[data-theme="dark-green"] #buffer .nick-2 { color: #ffb74d; }
html[data-theme="dark-green"] #buffer .nick-3 { color: #4db6ac; }
html[data-theme="dark-green"] #buffer .nick-4 { color: #f48fb1; }
html[data-theme="dark-green"] #buffer .nick-5 { color: #aed581; }
html[data-theme="dark-green"] #buffer .nick-6 { color: #b39ddb; }
html[data-theme="dark-green"] #buffer .nick-7 { color: #ffd54f; }
html[data-theme="dark-green"] #buffer .nick-8 { color: #80deea; }
html[data-theme="dark-green"] #buffer .nick-9 { color: #a5d6a7; }
html[data-theme="dark-green"] #buffer .nick-10 { color: #ffab91; }
html[data-theme="dark-green"] #buffer .nick-11 { color: #90caf9; }
html[data-theme="dark-green"] #buffer .nick-12 { color: #dce775; }
html[data-theme="dark-green"] #buffer .nick-13 { color: #ce93d8; }
html[data-theme="dark-green"] #buffer .nick-14 { color: #e6c07b; }
html[data-theme="dark-green"] #buffer .nick-15 { color: #9fa8da; }
html[data-theme="dark-green"] #buffer .nick-16 { color: #4dd0a1; }
html[data-theme="dark-green"] button.settings-btn:hover { background-color: #142416; }

/* ── dracula ── */
html[data-theme="dracula"] {
  color-scheme: dark;
  --main-background: #21222c;
  --main-color: #f8f8f2;
  --sidebar-background: #191a21;
  --expander-background: #282a36;
  --expander-background-hover: #3f3656;
  --button-background: #bd93f9;
  --button-background-hover: #9a6fe0;
  --button-border: #44475a;
  --button-color: #282a36;
  --danger-button-background: #ff5555;
  --danger-button-background-hover: #cc4444;
  --dm-color: #ff5555;
  --dm-color-hover: #cc4444;
  --danger-button-border: #44475a;
  --buffer-button-background-hover: #282a36;
  --green: #50fa7b;
  --gray: #7d8ac0;
  --red: #ff5555;
  --t-logline-hover: #282a36;
  --t-scrollbar: #6272a4;
}
html[data-theme="dracula"] #buffer .nick-1 { color: #8be9fd; }
html[data-theme="dracula"] #buffer .nick-2 { color: #50fa7b; }
html[data-theme="dracula"] #buffer .nick-3 { color: #ffb86c; }
html[data-theme="dracula"] #buffer .nick-4 { color: #ff79c6; }
html[data-theme="dracula"] #buffer .nick-5 { color: #bd93f9; }
html[data-theme="dracula"] #buffer .nick-6 { color: #f1fa8c; }
html[data-theme="dracula"] #buffer .nick-7 { color: #ff6e6e; }
html[data-theme="dracula"] #buffer .nick-8 { color: #a4ffff; }
html[data-theme="dracula"] #buffer .nick-9 { color: #69ff94; }
html[data-theme="dracula"] #buffer .nick-10 { color: #ffca80; }
html[data-theme="dracula"] #buffer .nick-11 { color: #ff92df; }
html[data-theme="dracula"] #buffer .nick-12 { color: #d6acff; }
html[data-theme="dracula"] #buffer .nick-13 { color: #ffffa5; }
html[data-theme="dracula"] #buffer .nick-14 { color: #9aa5d6; }
html[data-theme="dracula"] #buffer .nick-15 { color: #e6b3a3; }
html[data-theme="dracula"] #buffer .nick-16 { color: #70e1c8; }
html[data-theme="dracula"] button.settings-btn:hover { background-color: #44475a; }

/* ── zenburn ── */
html[data-theme="zenburn"] {
  color-scheme: dark;
  --main-background: #383838;
  --main-color: #dcdccc;
  --sidebar-background: #2b2b2b;
  --expander-background: #3f3f3f;
  --expander-background-hover: #484437;
  --button-background: #dfaf8f;
  --button-background-hover: #bc8f6f;
  --button-border: #5f5f5f;
  --button-color: #3f3f3f;
  --danger-button-background: #f28b8b;
  --danger-button-background-hover: #c26f6f;
  --dm-color: #8cabc4;
  --dm-color-hover: #6f8fa8;
  --danger-button-border: #5f5f5f;
  --buffer-button-background-hover: #3f3f3f;
  --green: #bfebbf;
  --gray: #9f9f8f;
  --red: #f28b8b;
  --t-logline-hover: #3f3f3f;
  --t-scrollbar: #7f7f6f;
}
html[data-theme="zenburn"] #buffer .nick-1 { color: #cc9393; }
html[data-theme="zenburn"] #buffer .nick-2 { color: #dfaf8f; }
html[data-theme="zenburn"] #buffer .nick-3 { color: #f0dfaf; }
html[data-theme="zenburn"] #buffer .nick-4 { color: #9fc59f; }
html[data-theme="zenburn"] #buffer .nick-5 { color: #93e0e3; }
html[data-theme="zenburn"] #buffer .nick-6 { color: #8cd0d3; }
html[data-theme="zenburn"] #buffer .nick-7 { color: #dc8cc3; }
html[data-theme="zenburn"] #buffer .nick-8 { color: #dca3a3; }
html[data-theme="zenburn"] #buffer .nick-9 { color: #e0cf9f; }
html[data-theme="zenburn"] #buffer .nick-10 { color: #8fb28f; }
html[data-theme="zenburn"] #buffer .nick-11 { color: #afd8af; }
html[data-theme="zenburn"] #buffer .nick-12 { color: #94bff3; }
html[data-theme="zenburn"] #buffer .nick-13 { color: #7cb8bb; }
html[data-theme="zenburn"] #buffer .nick-14 { color: #bfebbf; }
html[data-theme="zenburn"] #buffer .nick-15 { color: #ecb3b3; }
html[data-theme="zenburn"] #buffer .nick-16 { color: #d0bf8f; }
html[data-theme="zenburn"] button.settings-btn:hover { background-color: #4f4f4f; }

/* ── solarized ── */
html[data-theme="solarized"] {
  /* "only": asks browsers not to force-darken it (Chrome's desktop
     #enable-force-dark flag ignores this and darkens every page) */
  color-scheme: only light;
  --t-icon-filter: invert(1) opacity(0.6);
  --main-background: #ddd6c1;
  --main-color: #52666d;
  --sidebar-background: #fdf6e3;
  --expander-background: #eee8d5;
  --expander-background-hover: #f7ebc8;
  --button-background: #2074af;
  --button-background-hover: #185884;
  --button-border: #d9d2be;
  --button-color: #ffffff;
  --danger-button-background: #dc322f;
  --danger-button-background-hover: #b02826;
  --dm-color: #dc322f;
  --dm-color-hover: #b02826;
  --danger-button-border: #d9d2be;
  --buffer-button-background-hover: #eee8d5;
  --green: #687800;
  --gray: #748587;
  --red: #dc322f;
  --role-operator: #b8860b;
  --role-halfop: #7c2d12;
  --role-voice: #7a6a00;
  --t-logline-hover: #eee8d5;
  --t-scrollbar: #93a1a1;
}
html[data-theme="solarized"] #buffer .nick-1 { color: #8c6a00; }
html[data-theme="solarized"] #buffer .nick-2 { color: #913610; }
html[data-theme="solarized"] #buffer .nick-3 { color: #d72724; }
html[data-theme="solarized"] #buffer .nick-4 { color: #4349a8; }
html[data-theme="solarized"] #buffer .nick-5 { color: #2074af; }
html[data-theme="solarized"] #buffer .nick-6 { color: #195e59; }
html[data-theme="solarized"] #buffer .nick-7 { color: #687800; }
html[data-theme="solarized"] #buffer .nick-8 { color: #9b225c; }
html[data-theme="solarized"] #buffer .nick-9 { color: #cd2d7a; }
html[data-theme="solarized"] #buffer .nick-10 { color: #684f00; }
html[data-theme="solarized"] #buffer .nick-11 { color: #c24815; }
html[data-theme="solarized"] #buffer .nick-12 { color: #185884; }
html[data-theme="solarized"] #buffer .nick-13 { color: #217d76; }
html[data-theme="solarized"] #buffer .nick-14 { color: #a31e1b; }
html[data-theme="solarized"] #buffer .nick-15 { color: #6368c0; }
html[data-theme="solarized"] #buffer .nick-16 { color: #4e5900; }
html[data-theme="solarized"] button.settings-btn:hover { background-color: #e4dcc6; }

/* ── discord ── */
html[data-theme="discord"] {
  color-scheme: dark;
  --main-background: #313338;
  --main-color: #dbdee1;
  --sidebar-background: #1e1f22;
  --expander-background: #2b2d31;
  --expander-background-hover: #453f35;
  --button-background: #5865f2;
  --button-background-hover: #4752c4;
  --button-border: #3f4147;
  --button-color: #ffffff;
  --danger-button-background: #f23f43;
  --danger-button-background-hover: #c23236;
  --dm-color: #f23f43;
  --dm-color-hover: #c23236;
  --danger-button-border: #3f4147;
  --buffer-button-background-hover: #2b2d31;
  --green: #57f287;
  --gray: #949ba4;
  --red: #f23f43;
  --t-logline-hover: #2b2d31;
  --t-scrollbar: #6d6f78;
}
html[data-theme="discord"] #buffer .nick-1 { color: #1abc9c; }
html[data-theme="discord"] #buffer .nick-2 { color: #f1729d; }
html[data-theme="discord"] #buffer .nick-3 { color: #4aa3df; }
html[data-theme="discord"] #buffer .nick-4 { color: #f1c40f; }
html[data-theme="discord"] #buffer .nick-5 { color: #b98bcc; }
html[data-theme="discord"] #buffer .nick-6 { color: #2ecc71; }
html[data-theme="discord"] #buffer .nick-7 { color: #e78127; }
html[data-theme="discord"] #buffer .nick-8 { color: #8c95f6; }
html[data-theme="discord"] #buffer .nick-9 { color: #ed7a6e; }
html[data-theme="discord"] #buffer .nick-10 { color: #5fd7e8; }
html[data-theme="discord"] #buffer .nick-11 { color: #fee75c; }
html[data-theme="discord"] #buffer .nick-12 { color: #95a5a6; }
html[data-theme="discord"] #buffer .nick-13 { color: #57f287; }
html[data-theme="discord"] #buffer .nick-14 { color: #f06bb5; }
html[data-theme="discord"] #buffer .nick-15 { color: #da8b10; }
html[data-theme="discord"] #buffer .nick-16 { color: #87a0ac; }
html[data-theme="discord"] button.settings-btn:hover { background-color: #404249; }