:root {
  --top: #17191c;
  --accent: #555d66;
  --button: #3d444c;
  --top-metallic: linear-gradient(180deg, #1b1c1e 0%, #191a1c 14%, #161719 28%, #131416 40%, #111214 50%, #131416 60%, #161719 72%, #191a1c 86%, #1b1c1e 100%);
  --button-metallic: linear-gradient(180deg, #858b91 0%, #626970 10%, #4e555d 24%, #3d444c 48%, #2e3339 55%, #555d65 86%, #858b91 100%);
  --theme-left-bg: #e6edf2;
  --theme-left-hover: #d6e3ec;
  --theme-right-bg: #f1f5f8;
  --theme-right-hover: #e1ebf2;
  --theme-sidebar-border: #d3e0e8;
  --theme-sidebar-text: #344a59;
  --theme-left-bg-dark: #202c35;
  --theme-left-hover-dark: #2b3b47;
  --theme-right-bg-dark: #19242c;
  --theme-right-hover-dark: #263641;
  --theme-sidebar-border-dark: #344653;
  --theme-sidebar-text-dark: #e2ebf1;
}

body:has(.chat-page) .topbar,
body:has(.chat-page) .private-window header,
body:has(.chat-page) .store-header,
body:has(.chat-page) .gift-header,
body:has(.chat-page) .sound-header,
body:has(.chat-page) .gif-picker-header,
body:has(.chat-page) .emoticon-picker-head {
  background: var(--top-metallic) !important;
}

body:has(.chat-page) .bottom-tools {
  background: var(--top-metallic) !important;
}

body:has(.chat-page) button:not(.emoticon-picker-item):not(.emoticon-picker-category):not(.emoticon-picker-close):not(.chat-sidebar-toggle),
body:has(.chat-page) .btn {
  background: var(--button-metallic);
}

body:has(.chat-page) .emoticon-scope-tabs a.active {
  background: var(--button-metallic) !important;
}