irccloud.com less blue by epilys

/* ==UserStyle==
@name         irccloud
@version      20230828.01.50
@namespace    ?
==/UserStyle== */

@-moz-document domain("irccloud.com") {
:root {

    --focus: #679FFF;
    --highlight: #ffc89e;
    --self: #bed2d9;
    --active: #d2cccc;
    --text: #090909;
    --active-border: #F77435;
}

div#sidebarwrapper {
    background: white;
}

/* buffers pane */
.bufferList span.buffer {
    color: #9CC7FF;
}
.bufferList .buffer span.buffer:hover,
.bufferList .buffer span.buffer:focus {
    color: var(--focus);
    background-color: #C0DBFF;
}
.bufferList ul.archives .buffer span.buffer {
    color: #aaa;
}
.bufferList h2 span.buffer {
    box-shadow: 0 1px 0 #b3cfff;
    background-color: #F2F7FC;
}
.bufferList .active span.buffer,
.bufferList .active span.buffer:hover,
.bufferList .active span.buffer:focus {
    color: var(--text);
}
.bufferList ul.archives .active span.buffer,
.bufferList ul.archives .active span.buffer:hover,
.bufferList ul.archives .active span.buffer:focus {
    color: #666;
}
.bufferList p.join button:hover,
.bufferList p.join button:focus {
    border-color: #9EE020;
}
.bufferList h2 span.buffer {
    border-color: #D9E7FF;
}
.bufferList h2 span.buffer:hover,
.bufferList h2 span.buffer:focus {
    border-color: #C0DBFF;
}
.bufferList .buffer.unread span.buffer {
    border-color: #9CC7FF;
}
.bufferList .connection.totalUnread p.collapseToggle {
    border-color: #56A4F7;
}
.bufferList ul.archives .unread span.buffer {
    border-color: #aaa;
}
.bufferList .active.unread span.buffer {
    border-color: #9CC7FF;
}
.bufferList ul.archives .active.unread span.buffer {
    border-color: #666;
}

.bufferList .selected span.buffer,
.bufferList .selected span.buffer:hover,
.bufferList .selected span.buffer:focus {
    color: #fff;
    background-color: #9CC7FF;
    border-color: #4F8FFF;
}
.bufferList .active.selected span.buffer,
.bufferList .active.selected span.buffer:hover,
.bufferList .active.selected span.buffer:focus {
    background-color: var(--active);
    color: black;
    font-weight: bold;
    border-color: var(--active-border);
}


.bufferList ul.archives .selected span.buffer,
.bufferList ul.archives .selected span.buffer:hover,
.bufferList ul.archives .selected span.buffer:focus {
    color: #eee;
    background-color: #aaa;
    border-color: #999;
}
.bufferList ul.archives .active.selected span.buffer,
.bufferList ul.archives .active.selected span.buffer:hover,
.bufferList ul.archives .active.selected span.buffer:focus {
    background-color: #666;
    border-color: #333;
}
.bufferList h2.selected span.buffer,
.bufferList h2.selected span.buffer:hover,
.bufferList h2.selected span.buffer:focus {
    box-shadow: 0 1px 0 #4F8FFF;
}
.bufferList h2.active.selected span.buffer,
.bufferList h2.active.selected span.buffer:hover,
.bufferList h2.active.selected span.buffer:focus {
    box-shadow: 0 1px 0 #3E0CFF;
}

.bufferList .unread span.buffer span.label {
    color: black;
}
.bufferList .selected span.buffer {
        color: black;

}

.bufferList .bufferOptions {
    color: #9CC7FF;
}
.bufferList .buffer:hover .bufferOptions,
.bufferList .buffer:focus .bufferOptions {
    color: var(--focus);
}
.bufferList .buffer:focus-within .bufferOptions {
    color: var(--focus);
}
.bufferList .buffer .bufferOptions:hover,
.bufferList .buffer .bufferOptions:focus {
    color: #1E72FF;
}
.bufferList .selected .bufferOptions,
.bufferList .selected:hover .bufferOptions,
.bufferList .selected:focus .bufferOptions {
    color: #fff;
}
.bufferList .selected:focus-within .bufferOptions {
    color: #fff;
}

#buffers .bufferList h2.failed span.buffer {
    background-color: #ffee97;
    border-color: #dbb300;
    color: #dbb300;
    box-shadow: 0 1px 0 #dbb300;
}
#buffers .bufferList h2.failed span.buffer:hover,
#buffers .bufferList h2.failed span.buffer:focus {
    background-color: #f8df26;
    color: #632800;
}
#buffers .bufferList h2.failed .bufferOptions {
    color: #dbb300;
}
#buffers .bufferList h2.failed.selected .bufferOptions,
#buffers .bufferList h2.failed:hover .bufferOptions,
#buffers .bufferList h2.failed:focus .bufferOptions {
    color: #632800;
}
#buffers .bufferList h2.failed:focus-within .bufferOptions {
    color: #632800;
}
#buffers .bufferList h2.failed.selected span.buffer,
#buffers .bufferList h2.failed.selected span.buffer:hover,
#buffers .bufferList h2.failed.selected span.buffer:focus {
    background-color: #f8df26;
    border-color: #f8df26;
    color: #632800;
    box-shadow: 0 1px 0 #632800;
}


.bufferList span.deferBadge {
    color: #B3CFFF;
}
.bufferList .buffer:hover span.deferBadge,
.bufferList .buffer:focus span.deferBadge {
    color: var(--focus);
}
.bufferList .buffer.selected span.deferBadge {
    color: #fff;
}
.bufferList span.badge,
.bufferList span.totalBadge,
.overlay_container_class_connection_delete_pm_confirm span.badge,
.extras .extrasBadge,
.sidebarIndicatorTooltip__badge {
    color: #fff;
    background-color: #FF1F1A;
    border-radius: 50%;
}





.bufferList p.join button {
    color: #3B7000;
}
.bufferList p.join button:hover,
.bufferList p.join button:focus {
    background-color: #DAF5AA;
    color: #2D5700;
}

.bufferList p.archiveToggle button,
.bufferList p.collapseToggle button {
    color: #666;
}
.bufferList p.archiveToggle button:hover,
.bufferList p.archiveToggle button:focus,
.bufferList p.collapseToggle button:hover,
.bufferList p.collapseToggle button:focus,
.bufferList .openArchives p.archiveToggle button,
.bufferList p.archivesLoading {
    background-color: #ddd;
    color: #222;
}


.bufferList p.passwordedWarning {
    background-color: #fdcfcf;
    color: #600000;
}

.bufferList p.passwordedWarning a {
    background-color: #fb6669;
    color: #fff;
}
.bufferList p.passwordedWarning:hover a,
.bufferList p.passwordedWarning a:focus {
    background-color: #ff1f1a;
}

.bufferList p.spamWarning .fa {
    color: #ff6e00;
}
div.memberwrapper {
    box-shadow: inset 3px 0px 0px 0px transparent;
    border-bottom: 1px solid transparent;
    border-bottom-left-radius: 5px;


    background-color: white;
}

div.buffermain {
    background-color: #fff;
}

.inputstatuscell {

    color: #888;
}

div.log div.row.highlight {
    background-color: var(--highlight);
}

div.log div.self {
    background-color: var(--self);
}

.addNetworkButton {
    color: #043468;
}

body {
    scrollbar-color: #000 #fff;
}

.channels span.label {
    color: #8a8a8a;
}
}