docs.google.com dark theme by hikariatama

/* ==UserStyle==
@name           docs.google.com - 4/28/2023, 3:22:30 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("docs.google.com") {
    .docs-grille-gm3 #docs-chrome:not(.docs-hub-chrome), #docs-toolbar-wrapper, .companion-guest-app-switcher, .companion-collapser-button-container, .docs-grille-gm3 #speakernotes-dragger:hover, .docs-grille-gm3 .speakernotes-dragger-dragging {
        background: #121212!important;
        border-bottom: none!important;
    }

    .docs-grille .docs-title-input:focus {
        color: #f2f2f2!important;
    }

    .docs-gm .docs-title-input:focus {
        border: none!important;
    }

    #docs-title-input-label-inner {
        color: #f2f2f2!important;
    }

    .menu-button, .goog-toolbar-button-inner-box, .goog-toolbar-menu-button-caption  {
        color: #a2a2a2!important;
    }

    .docs-grille .docs-menubar .goog-control-hover, .docs-grille .docs-menubar .goog-control-open {
        color: #202020!important;
    }

    .docs-grille #docs-header:not(.docs-hub-appbar) .docs-titlebar-buttons, #speakernotes, .app-switcher-button-icon-background {
        background: transparent!important;
    }
    
    .jfk-button-hover, .punch-filmstrip-visibility-toggle-icon-container {
        background: rgba(100, 100, 100, .1)!important;
    }
    
    .docs-grille-gm3 .docs-material #punch-start-presentation-left.jfk-button, .docs-grille-gm3 .docs-material #punch-start-presentation-left.jfk-button-clear-outline, .docs-grille-gm3 .docs-material #punch-start-presentation-left.jfk-button-disabled, .docs-grille-gm3 .docs-material #punch-start-presentation-right.goog-flat-menu-button, .docs-grille-gm3 .docs-material #punch-start-presentation-right.goog-flat-menu-button-disabled {
        background: rgba(0, 0, 0, .5)!important;
        border: none!important;
        color: #a2a2a2!important;
    }
    
    .punch-filmstrip-thumbnails rect:nth-child(1) {
        fill: #121212!important;
    }
    
    .punch-filmstrip-scroll.punch-filmstrip-scroll-ruler-visible, #filmstrip-controls, #speakernotes-workspace-container, #slides-view, #pages > svg, .docs-grille-gm3 #filmstrip-controls, .docs-grille-gm3 #speakernotes, .docs-grille-gm3 #speakernotes-dragger, .docs-grille-gm3 .filmstrip, .docs-grille-gm3 .punch-filmstrip-visibility-toggle-icon-container, .docs-grille-gm3 #workspace-container {
        background: #080808!important;
    }
    
    .goog-toolbar-button, .goog-toolbar-menu-button {
        background: #252525!important;
    }
    
    .goog-toolbar-button .docs-icon-img-container, .goog-toolbar-menu-button .docs-icon-img-container, .sketchy-vertical-ruler-container, .sketchy-horizontal-ruler-container {
        filter: invert(1)!important;
    }
    
    .punch-filmstrip-thumbnail-border-inner {
        stroke: #222!important;
    }
    
    .punch-filmstrip-thumbnail-border {
        stroke: #555!important;
    }
    
    .docs-gm ::-webkit-scrollbar-thumb {
        background-color: #222!important;
    }

    #speakernotes-workspace {
        filter: invert(1)!important;
        background: #f7f7f7!important;
    }
}