Makes Overleaf a lot darker (CSS in Mozilla Format)

dark-overleaf.css

@-moz-document url-prefix("https://www.overleaf.com/") {
.pdf {
    background-color: #151515;
}
.pdfjs-viewer {
    filter: invert(0.89);
}
.pdf-viewer .pdfjs-viewer canvas {
    box-shadow: 0 0 10px rgba(255,255,255,.5);
}
#left-menu {
	filter: invert(0.95);
}
#left-menu a {
    filter: invert(0.95);
    color: #138a07;
}
#left-menu a:hover {
    background-color: #138a07 !important;
}
#left-menu .form-controls label {
 	color: #999 !important   
}
#left-menu .form-controls {
    color: #999 !important;
}
#left-menu .form-controls:hover {
    background-color: #138a07 !important;
    filter: invert(0.95);
}
#left-menu .form-controls:hover select:focus {
    filter: invert(1);
    outline-color: #EC75F8;
}
#left-menu .form-controls:hover select {
    filter: invert(0.95);
}
#left-menu .form-controls select:focus {
    filter: invert(0.05);
    outline-color: #EC75F8;
}
#left-menu .form-controls select option {
    background-color: #151515;
}
.site-footer * {
    background-color: #222 !important;
    border-top-color: #1A1A1A !important;
}
.project-list-table {
    background-color: #222;
}
.project-list-main {
    background-color: #151515;
}
.card {
    background-color: #222;
}
.project-list {
    filter: invert(1);
}
.project-list-table {
    filter: invert(1);
}
tr.project-list-table-row:hover {
    background-color: #333;
}
.content {
    background-color: #151515;
}
.loading-screen {
    background-color: #151515;
}
.project-list-table-name, .project-list-table-name-link {
    color: #E3F7FC;
}
.project-list-table-name-link:hover {
    color: #E3F7FC;
}
.project-list-table-name-link:focus {
    color: inherit;
    filter: brightness(0.8);
    outline-color: #E3F7FC;
}
.project-list-table-actions-cell div button {
    color: #E3F7FC !important;
}
.project-list-table-actions-cell div button:hover {
    filter: brightness(0.8);
}
}