Make my firefox dark

userContent.css

/* 
    Author: SpennyTF
    
    How to install:
    Just put the file under
    %appdata%/Mozilla/Firefox/Profiles/<YOURPROFILE>/chrome/userContent.css
    You might have to create the chrome folder.
*/

@-moz-document url("about:blank") {
    html body{
        background-color: #101010 !important;
    }
}

@-moz-document url("about:home") {
    html body{
        background-color: #101010 !important;
        color: #C5C5C5 !important;
    }
    .top-sites-list .top-site-outer .default-icon {
        background-color: #222 !important;
    }
    .card-outer {
        background-color: #222 !important;
        border-radius: 3px 3px 0px !important;
    }
    .card-outer .card {
        background-color: #222 !important;
        box-shadow: 0 1px 4px 0 #222 !important;
        border-radius: 3px 3px 0px !important;
    }
    .card-outer .context-menu-button {
        background-color: #222;
    }
    .search-wrapper input {
        background-color: #222;
    }
    .context-menu {
        background-color: #222 !important;
    }
}

@-moz-document url("about:newtab") {
    html body{
        background-color: #101010 !important;
    }
    .top-sites-list .top-site-outer .default-icon {
        background-color: #222 !important;
    }
    .card-outer {
        background-color: #222 !important;
        border-radius: 3px 3px 0px !important;
    }
    .card-outer .card {
        background-color: #222 !important;
        box-shadow: 0 1px 4px 0 #222 !important;
        border-radius: 3px 3px 0px !important;
    }
    .card-outer .context-menu-button {
        background-color: #222;
    }
    .search-wrapper input {
        background-color: #222;
    }
    .context-menu {
        background-color: #222 !important;
        color: #C5C5C5 !important;
    }
}

.browserContainer {
    background-color: var(--url-and-searchbar-background-color,  hsla(0,0%,100%,.8)) !important;
}