Dealabs BlueNightMode update by thomasguittonneau

/* ==UserStyle==
@name           Dealabs BlueNightMode
@namespace      USO Archive
@author         MrThomas
@description    `Un mode nuit ressemblant a celui de twitter`
@version        20190301.12.3
@license        CC0-1.0
@preprocessor   uso
==/UserStyle== */
/* Dealabs Template */
@-moz-document domain("www.dealabs.com") {
    .bg--color-greyPanel {
        background-color: #141e29;
        border: 1px solid black;
    }

    .stickyBar-bottom,
    .stickyBar-top,
    .nav,
    .navMenu-trigger:hover,
    .bg--inverted,
    .bg--em,
    .bg--white,
    .listingProfile {
        color: #fff;
        background-color: #243447;
    }

    .bg--fromW3-color-white,
    .bg--color-white,
    .bg--main,
    .card,
    .listingProfile,
    .thread--type-card,
    .thread--type-list {
        background-color: inherit;
    }

    .navMenu-trigger,
    .voteBar {
        color: #bfc3c8;
        background-color: #243447;
    }

    .nav-link--selected,
    .nav-linkr:hover,
    .bg--greyPanel,
    .tabbedInterface-tab {
        color: #03a5c1;
        background-color: #243447;
    }

    .bg--off {
        background-color: #141d26;
    }

    .popover--modal .popover-content,
    .bg--main,
    .card,
    .thread--type-card,
    .thread--type-list,
    .footer {
        background-color: #1b2836;
        border: 1px solid #000;
    }

    .bg--hover-greyPanel:hover {
        background-color: #03a5c12e;
    }

    .btn--mode-boxSec,
    .btn--mode-light,
    .btn--mode-light:focus,
    .btn--mode-light:hover,
    button:focus .btn--mode-light,
    button:hover .btn--mode-light {
        background-color: transparent;
    }

    .comments-list--top .comments-item:target .comments-item-inner,
    .comments-list .comments-item,
    .comments-list .comments-list-item:target .comments-item-inner {
        border-bottom: 1px solid #000;
    }
    .user {
        color: #b9b9b9
    }

    .bg--color-bluePale {
        background-color: #55a8bb;
    }

    .userHtml,
    .thread-title--item,
    .thread-link {
        color: #fff!important;
    }

    .card-itemSpace > a,
    .carousel-list-item .box--all-b,
    .bg--em > a,
    .lbox--v-1,
    .mute--text2,
    .page-label,
    .page-subTitle,
    .userProfile-title--sub,
    .conversationList-msgPreview {
        color: #fff;
    }

    .border--color-borderGrey,
    .border--color-greyTint,
    .bg--greyPanel {
        border: 1px solid #000;
    }

    .subNav,
    .subNav--light {
        background-color: #1c242d;
        color: #bfc3c8;
        border-bottom: 1px solid #000;
        border-top: 1px solid #000;
    }
    .thread-title,
    .threadGrid-title {
        color: #fff;
    }

    .fadeEdge--r:after,
    .overflow--fade:after {
        background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), #1b2836 80%);
        background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #1b2836 80%);
    }

    .text--overlay:before {
        background-image: -webkit-linear-gradient(left, hsla(0, 0%, 0%, 0), #1b2836 90%);
        background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #1b2836 90%);
    }
    .text--overlay {
        background-color: #1b2836;
    }
    .popover--brandAccent .popover-content,
    .popover--brandPrimary .popover-content,
    .popover--default .popover-content,
    .popover--menu .popover-content,
    .popover--red .popover-content,
    .notification-item--read,
    .conversationList-msg--read:not(.conversationList-msg--active) {
        background-color: #1b2836;
    }


    .notification-item:not(.notification-item--read) {
        background-color: #423c53;
    }

    .conversationList-msg {
        background-color: #332952;
    }

    .navDropDown-link:hover,
    .tabbedInterface-tab:hover,
    .notification-item:hover:hover,
    .conversationList-msg--read:not(.conversationList-msg--active):hover {
        color: #03a5c1;
        background-color: #273b4f;
    }
    .vote-box {
        box-shadow: 10px 0 10px -3px #222f3ebd;
        background-color: #1c242d;
    }
    .text--color-charcoal {
        color: #f1f1f1;
    }

    .overflow--fade-b-r--s:after,
    .overflow--fade-b-r:after,
    .overflow--fromW3-fade-b-r--l:after,
    .thread-title--card:after,
    .thread-title--list--merchant:after,
    .thread-title--list:after {
        background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), #1b2836 50%, #1b2836);
        background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #1b2836 50%, #1b2836);
    }

    .input,
    .inputBox,
    .secretCode-codeBox,
    .toolbar,
    .voucher-code {
        background-color: #141e29;
    }
    .tag--deselected,
    .idealo-corousel-options--carousel-previous-button {
        background-color: #03a5c1;
        color: #ffffff;
    }

    .tag {
        border: 1px solid #2b2b2b;
    }

    .idealo-corousel-options {
        height: 215px;
        background-color: #2b2b2b
    }

    @-webkit-keyframes pulseBgColor {
        0% {
            background-color: transparent
        }
        15% {
            background-color: #006b7e
        }
        85% {
            background-color: #006b7e
        }
        to {
            background-color: transparent
        }
    }

    @keyframes pulseBgColor {
        0% {
            background-color: transparent
        }
        15% {
            background-color: #006b7e
        }
        85% {
            background-color: #006b7e
        }
        to {
            background-color: transparent
        }
    }

    @-webkit-keyframes change-bg-color {
        0% {
            background-color: transparent
        }

        15% {
            background-color: #006b7e
        }

        85% {
            background-color: #006b7e
        }

        to {
            background-color: transparent
        }
    }

    @keyframes change-bg-color {
        0% {
            background-color: transparent
        }

        15% {
            background-color: #006b7e
        }

        85% {
            background-color: #006b7e
        }

        to {
            background-color: transparent
        }
    }
}