userContent.css

@import "_variables.css";

@-moz-document url(about:preferences) {

/* Settings page background */
*.main-content {
    background: var(--moonlight-gray-1) !important;
}
*.navigation {
    background: var(--moonlight-gray-1) !important;
}
*.sticky-container {
    background: var(--moonlight-gray-1) !important;
}

}

@-moz-document url(about:addons) {
    #full {
        background: var(--moonlight-gray-1) !important;
    }

    *.main-heading {
        background: var(--moonlight-gray-1) !important;
    }
    .main-search {
        background: var(--moonlight-gray-1) !important;
    }
    .sticky-container{
        background: var(--moonlight-gray-1) !important;
    }
}
@-moz-document url(about:blank), url(about:newtab), url(about:home) {
    html:not(#ublock0-epicker),
    html:not(#ublock0-epicker) body,
    #newtab-customize-overlay {
        background: var(--moonlight-gray-2) !important;
    }

    .search-wrapper input {
        background-color: var(--moonlight-gray-3) !important;
        color: var(--moonlight-gray-7) !important;
        border: none !important;
        box-shadow: none !important;
    }

    .search-wrapper input:focus {
        color: var(--moonlight-gray-9) !important;
    }

    .search-wrapper .search-button {
        fill: var(--moonlight-gray-7) !important;
    }

    .search-wrapper .search-button:focus,
    .search-wrapper .search-button:hover {
        background-color: transparent !important;
        fill: var(--moonlight-gray-9) !important;
    }
}





/* Scrollbar */

*:not(select) {
    scrollbar-color: var(--moonlight-gray-5) var(--moonlight-gray-2) !important;
    scrollbar-width: thin !important;
}
::-webkit-scrollbar,
.integrations-select-repos::-webkit-scrollbar {
    max-height: var(--scrollbar-chrome-size) !important;
    max-width: var(--scrollbar-chrome-size) !important;
}
::-webkit-scrollbar,
.integrations-select-repos::-webkit-scrollbar,
::-webkit-scrollbar-corner,
.integrations-select-repos::-webkit-scrollbar-corner,
::-webkit-scrollbar-track,
.integrations-select-repos::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece,
.integrations-select-repos::-webkit-scrollbar-track-piece {
    background: var(--moonlight-gray-2) !important;
}
::-webkit-scrollbar:hover,
.integrations-select-repos::-webkit-scrollbar:hover,
::-webkit-scrollbar-corner:hover,
.integrations-select-repos::-webkit-scrollbar-corner:hover,
::-webkit-scrollbar-track:hover,
.integrations-select-repos::-webkit-scrollbar-track:hover,
::-webkit-scrollbar-track-piece:hover,
.integrations-select-repos::-webkit-scrollbar-track-piece:hover {
    background: var(--moonlight-gray-4) !important;
}
::-webkit-scrollbar-thumb,
.integrations-select-repos::-webkit-scrollbar-thumb {
    background: var(--moonlight-gray-5) !important;
    border-radius: var(--scrollbar-chrome-radius) !important;
}
::-webkit-scrollbar-thumb:hover,
.integrations-select-repos::-webkit-scrollbar-thumb:hover {
    background: var(--moonlight-blue) !important;
}