Dark Theme Overleaf by vitosotdihaet

/* ==UserStyle==
@name           Dark Overleaf
@namespace      USO Archive
@author         Piet Piepmatz & Vitaly Klimenko
@description    `Dark theme for Overleaf`
@version        20200509.22.44
==/UserStyle== */
@-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);
    }
    
    /* left menu settings */
    .file-tree-inner {
        background-color: #151515;
    }
    .outline-pane {
        background-color: #151515;
    }
    .outline-body-no-elements {
        background-color: #151515;
    }

    /* editor settings */
    .ace_cursor {
        color: #ffcb15 !important;
    }
    .ace-editor-body {
        background-color: #151515;
        color: #EEEEEE;
    }
    .ace_selection {
        background-color: #2f2f2f !important;
    }
    .ace_gutter {
        background-color: #151515;
        color: #EEEEEE;
    }
    .ace_gutter-layer {
        background-color: #151515;
        color: #EEEEEE;
    }
    .ace_gutter-active-line {
        background-color: #1F1F1F !important;
        color: #EEEEEE !important;
    }
    .ace_keyword {
        color: #2249d7 !important;
    }
    .ace_type {
        color: #0ab1ff !important;
    }
    .ace_comment {
        color: #555 !important;
        font-style: italic;
    }
    .ace_variable {
        color: #ffcb15 !important;
    }
    .ace_character {
        color: #ac46da !important;
    }
}