@import '../common/base.css';

:root {
  --infinity-primary: #2196f3 !important;
  --infinity-primary-hover: #1976d2 !important;
  --brand-primary: #2196f3 !important;
  --brand-primary-hover: color-mix(in srgb, #2196f3 70%, white) !important;
  --brand-midtone: color-mix(in srgb, #2196f3 28%, transparent) !important;
  --brand-darktone: #1976d2 !important;
  --brand-default-bg: rgba(0,0,0,.34) !important;
  --brand-default-fg: #fff !important;
  --brand-notice: #2196f3 !important;
  --brand-warning: #2196f3 !important;
  --brand-error: #ef4444 !important;
  --comp-workspace-before-bg: color-mix(in srgb, #2196f3 42%, transparent) !important;
  --comp-bg-kiwi-workspace--disconnected-after-bg: var(--brand-error) !important;
  --comp-header-bg: color-mix(in srgb, #2196f3 76%, #101722) !important;
  --comp-header-name-fg: #fff !important;
  --comp-header-option-active-fg: #fff !important;
  --comp-header-option-active-bg: color-mix(in srgb, #2196f3 55%, transparent) !important;
  --comp-statebrowser-fg: #fff !important;
  --comp-statebrowser-bg: rgba(0,0,0,.18) !important;
  --comp-statebrowser-bg-networkname: color-mix(in srgb, #2196f3 35%, transparent) !important;
  --comp-statebrowser-channel-active-bg: color-mix(in srgb, #2196f3 45%, transparent) !important;
  --comp-statebrowser-channel-active-fg: #fff !important;
  --comp-usermenu-open-bg: #000 !important;
  --comp-statebrowser-network-border: #2196f3 !important;
  --comp-sidebar-bg: color-mix(in srgb, #2196f3 30%, rgba(0,0,0,.65)) !important;
  --comp-sidebar-fg: #fff !important;
  --comp-aboutbuffer-bg: transparent !important;
  --comp-aboutbuffer-header-bg: #000 !important;
  --brand-link-normal: #2196f3 !important;
  --brand-link--hover: color-mix(in srgb, #2196f3 75%, white) !important;
  --brand-shadow: color-mix(in srgb, #2196f3 28%, transparent) !important;
  --comp-border: color-mix(in srgb, #2196f3 38%, transparent) !important;
  --brand-selected: color-mix(in srgb, #2196f3 35%, transparent) !important;
}

/* Infinity colour theme: Blue */
.kiwi-header, .kiwi-header-name { background: var(--infinity-primary) !important; }
.kiwi-header-option--active, .kiwi-header-option--active:hover a { background: var(--infinity-primary-hover) !important; color:#fff !important; }
.kiwi-header-join-channel-button, .kiwi-header .kiwi-header-notjoined .u-link, .kiwi-header-server-connection .u-button { background: var(--infinity-primary) !important; color:#fff !important; }
.kiwi-statebrowser-network .kiwi-statebrowser-network-header { background: color-mix(in srgb,var(--infinity-primary) 35%,transparent) !important; }
.kiwi-statebrowser-network.kiwi-statebrowser-network--active .kiwi-statebrowser-network-header { border-left-color: var(--infinity-primary) !important; }
.kiwi-statebrowser-channel-active, .kiwi-network-name-option.active { background: color-mix(in srgb,var(--infinity-primary) 45%,transparent) !important; }
.kiwi-statebrowser-channel-label, .kiwi-autocomplete-item--selected, .kiwi-sidebar-options, .kiwi-sidebar-pin, .kiwi-appsettings-block h3, .kiwi-appsettings-title, .kiwi-networksettings .kiwi-title { background: var(--infinity-primary) !important; color:#fff !important; }
.kiwi-statebrowser-channel-active .kiwi-statebrowser-channel-name, .kiwi-statebrowser-channel-label { color:#fff !important; }
.kiwi-messagelist-message.kiwi-messagelist-message-topic { border-color: var(--infinity-primary) !important; }
.kiwi-messagelist-message--unread, .kiwi-messagelist-message--hover { border-left-color: var(--infinity-primary) !important; }
.u-button-primary, .u-button.kiwi-channellist-refresh.u-button-secondary { background: var(--infinity-primary) !important; color:#fff !important; }
.u-button-primary:hover { background: var(--infinity-primary-hover) !important; }
.u-link, .kiwi-messagelist-message-action .kiwi-messagelist-body, .kiwi-statebrowser-channelfilter p a:hover { color: var(--infinity-primary) !important; }
.kiwi-statebrowser-usermenu-avatar { border-color: var(--infinity-primary) !important; }
.kiwi-statebrowser-usermenu-avatar:hover, .kiwi-statebrowser-usermenu--open .kiwi-statebrowser-usermenu-avatar { background-color: var(--infinity-primary) !important; color:#fff !important; }
.kiwi-awaystatusindicator:not(.kiwi-awaystatusindicator--away) { background-color: var(--infinity-primary) !important; }
.kiwi-workspace::before { background: var(--infinity-primary) !important; }
.kiwi-container-toggledraw-statebrowser-messagecount { background-color: var(--infinity-primary) !important; }
.kiwi-container-toggledraw-statebrowser-messagecount::after { border-right-color: var(--infinity-primary) !important; }
.kiwi-wrap--statebrowser-drawopen .kiwi-container-toggledraw-statebrowser-messagecount::after { border-left-color: var(--infinity-primary) !important; }
.kiwi-warning-block.connecting { background-color: var(--infinity-primary) !important; }

/* Keep uploaded background visible; theme only colours the UI. */
html, body, #app, .kiwi-app, .kiwi-wrap, .kiwi-main, .kiwi-workspace { background-color: transparent !important; }
body { background-color:#000 !important; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; background-attachment:fixed !important; }


/* Infinity: role icons replace the nicklist status dot */
.kiwi-nicklist-user .kiwi-awaystatusindicator {
    display: none !important;
}

/* Infinity FIX v5: Kiwi's built-in away/status dots must never appear. */
.kiwi-awaystatusindicator,
.kiwi-awaystatusindicator--away {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}