Dark Google Drive - cache

Dark Google Drive cache

目前為 2018-08-14 提交的版本,檢視 最新版本

// ==UserScript==
// @name        Dark Google Drive - cache 
// @namespace   english
// @description Dark Google Drive  cache  
// @include     http*://*docs.google.com*
// @include     http*://*drive.google.com*
// @version     1.0
// @run-at document-start
// @grant       GM_addStyle
// ==/UserScript==
@-moz-document url-prefix("http://docs.google.com/document/u/"), url-prefix("https://docs.google.com/document/u/"), url-prefix("http://docs.google.com/spreadsheets/u/"), url-prefix("https://docs.google.com/spreadsheets/u/"), domain("drive.google.com")
{
/* Drive homepage & standard dark things */
 @  media screen
  {
    html, body, .drive_main_page {
        background: #333 !important;
  }

  input
  {
    background: #444 !important;
    color: #bbb !important;
  }

  input.gb_Zd
  {
    background: none !important;
  }
    /* Header bar & settings header */
  .gb_Xa:not(.gb_Za) .gb_Ed, .gb_be
  {
    background: #404040;
    color: #aaa;
  }
    /* +<Google+ Username> */
  #gb#gb a.gb_P, #gb#gb span.gb_P
  {
    color: #aaa !important;
  }

  .gb_nf
  {
    border: 1px solid rgba(128, 128, 128, 0) !important;
  }

  .native-crollbar
  {
    -webkit-filter: invert(90%);
  }
    /* Search bar outer box */
  .gbqfqw
  {
    background: #555 !important;
  }

  .gb_Qe
  {
    background: #444 !important;
    border: 1px solid rgba(128, 128, 128, 0) !important;
  }

  .gb_Nd
  {
    color: #ccc !important;
    background: #1e1e1e !important;
  }

  .gb_Ad.gb_Rd, .gb_Ce.gb_Te
  {
    background: #444 !important;
  }

  .gb_Ad button, .gb_Ce button
  {
    background: #444;
    color: #fff;
  }

  .gb_fc svg, .gb_wc svg
  {
    fill: #fff;
  }

  .a-jn-yd
  {
    background: none;
  }
    /* Search bar no results */
  .gssb_e
  {
    padding-top: 8px;
  }

  .gssb_e, .gssb_m
  {
    background-color: #333;
    color: #aaa !important;
    border-top-color: #777;
  }

  .gsan_a
  {
    color: #aaa !important;
  }
    /* Search bar inner search items */
  .a-s-yd-Zj, .a-s-yd-J
  {
    background-color: #333 !important;
    color: #aaa !important;
  }

  .a-s-yd-Zj
  {
    border-color: #777;
  }

  .a-s-yd-J>*
  {
    border-left: 2px solid #444;
  }

  .a-s-yd-J.a-s-yd-Sa>*
  {
    background-color: #666;
  }
    /* Search bar 'More search tools' */
  .a-jn-Ma-nb-J
  {
    background: #444 !important;
    color: #aaa !important;
    border-top-color: #777;
  }
    /* Logo, icons */
  .gb_ga.gb_2
  {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix in='SourceGraphic' type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0'/></filter></svg>#invert");
    -webkit-filter: invert(100%);
  }
    /* Toolbar */
  .a-D-B-x
  {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix in='SourceGraphic' type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0'/></filter></svg>#invert");
    -webkit-filter: invert(89%);
    background: #fdfdfd !important;
    box-shadow: none !important;
    border-bottom: 1px solid #F0F0F0 !important;
  }
    /*Invert link share thing again*/
  .H-qa-ea-A-ia, .H-qa-ia
  {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix in='SourceGraphic' type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0'/></filter></svg>#invert");
    -webkit-filter: invert(100%);
    filter: invert(100%);
    color: #CCC;
  }

  .H-qa-ea-A-gj-r, .H-qa-ea-A-ca, .H-ia-mc-tf-r
  {
    color: #AAA;
  }

  .H-qa-ea-A-gj-r .H-qa-wc-ua-r-Ld, .H-ia-mc-gj-r, .H-ia-ca
  {
    color: #CCC;
  }

  .g-ia-Md .g-ia-Jd, .g-ia-Ud .g-ia-Jd
  {
    border-color: #555 transparent;
  }
    /* Settings menu*/
  .h-w, .ca-k .lb-k-V
  {
    background: #444;
  }

  .h-v, .a-fd-ba-Q-ij, .a-fd-ba-lp, .lb-k-V-r
  {
    color: #aaa;
  }

  .a-fd-ba-Q-Qa-ga
  {
    color: #888;
  }

  .h-v-pc, .h-v-W
  {
    background-color: #666;
  }

  .h-v-pc .h-v-x, .h-v-W .h-v-x
  {
    color: #ccc;
  }

  .lb-k-x
  {
    background-color: #333;
    color: #aaa;
  }

  .ca-k-ra-B>.h-ra-B>.h-ra:hover
  {
    background-color: #444;
    color: #ff5440;
  }

  .h-R-w-d
  {
    background-image: none;
    color: #aaa;
    background-color: #444;
    border-color: #666;
  }

  .h-R-w-d.h-R-w-d-W
  {
    background-image: none;
    color: #444;
    background-color: #ddd;
    border-color: #bbb;
  }

  .h-R-w-d-Sa .h-R-w-d-Re, .h-R-w-d-pb .h-R-w-d-Re, .h-R-w-d-ha .h-R-w-d-Re, .h-R-w-d-W .h-R-w-d-Re
  {
    border-color: #999 transparent;
  }

  .h-R-w-d.h-R-w-d-pb, .h-R-w-d.h-R-w-d-Sa
  {
    background-image: none;
    color: #aaa;
    background-color: #555;
    border-color: #666;
  }

  .g-Qa-rc
  {
    background-color: #666;
    color: #aaa;
  }
    /* Doesn't seem to work – fill is hardcoded in HTML? */
    .g-Qa-Sa {
        background-color: #333;
    }
    /* Files */
    
    /* remove "Quick Access"*/
	.w7Ppu {
    	display: none;
    }
    
    /* List view */
    .a-t, .a-nEbBXb .l-t-T-V>.l-Ab-T-r {
        color: #aaa;
    }
    .a-nEbBXb .a-t-J {
        color: rgba(255, 255, 255, .54);
    }
    /* row */
    .a-nEbBXb .a-t-cb {
        border-bottom: 1px solid #444;
    }
    /* selected row */
    .a-nEbBXb .a-t-J-ha .l-t-T-V>.l-Ab-T-r {
        color: #aaa;
    }
    /* List view folder background */
    .a-t-j.a-t-gc-xl, .a-nEbBXb .a-t-j .a-gd-j {
        background: #333333;
    }
    .a-t-J.a-l-Sa-Wa-ka .a-t-cb-oa {
        background-color: #4d4d4d;
    }
    .a-nEbBXb .a-t-J-ha {
        background-color: #385b94;
    }
    /* List view item badge */
    .a-nEbBXb .l-t-T-c-j::before {
        background-color: #333;
    }
    /* List view selection badge */
    .a-nEbBXb .a-t-J-ha .l-t-T-c-j::before, .sd-ph:not(.a-qc-La-ee) .a-t-J-ha .l-t-c {
        background-color: #385b94;
    }
    /*Don't do that ugly white border */
  .Hb-ja-Na .a-t-J-ha.a-t-J-Vd-ja.a-t-J-Vd-jh>.a-t-cb:first-child>.a-t-cb-Ef-Ja>.a-t-cb-oa, .Hb-ja-Na .a-t-J-ha.a-t-J:focus>.a-t-cb:first-child>.a-t-cb-Ef-Ja>.a-t-cb-oa
  {
    border-left-color: transparent;
  }

  .Hb-ja-Na .a-t-J-ha.a-t-J-Vd-ja.a-t-J-Vd-jh .a-t-cb-oa, .Hb-ja-Na .a-t-J-ha.a-t-J:focus .a-t-cb-oa
  {
    border-top-color: transparent;
    border-bottom-color: transparent;
  }
    /* List view sort bar */
  .a-t-D
  {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix in='SourceGraphic' type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0'/></filter></svg>#invert");
    -webkit-filter: invert(85%);
    background: #fcfcfc !important;
  }
    /* List view shared icon */
  .l-t-Z, .l-t-Jk, .l-t-fc-a, .l-t-fc-a-zk-wDYxhc, .l-t-Nk-tq, .l-t-Op-cc
  {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix in='SourceGraphic' type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0'/></filter></svg>#invert");
    -webkit-filter: invert(100%);
    filter: invert(100%);
  }
    /*Empty folder background*/
  .a-ab-Mj, .ab-o-Jb
  {
    background-color: #505050;
  }

  .Wa-ka-oa-r.Wa-ka-oa-Zk
  {
    color: #AAA;
  }
    /*Folder background on drop*/
  .a-l-Sa-Wa-ka
  {
    background-color: #333333;
  }
    /* Grid view */
    /* Grid view background? (now uses transparent, overridden by google) */
  .a-u-j
  {
    background-color: #333333;
  }

  .a-nEbBXb .a-ok-Ji-ga, .w7Ppu
  {
    color: rgba(255, 255, 255, .54);
  }
    /* tile */
  .a-dkl3Ye .l-u-xb.l-u-o, .a-dkl3Ye .l-u-xb.l-u-Ab
  {
    border-color: #484848;
  }
    /* quick access files detail box */
  .L202Xe
  {
    background-color: #333;
  }

  .a-HZnjzd-xb-V
  {
    color: #ddd;
  }

  .a-HZnjzd-xb-Np
  {
    color: rgba(255, 255, 255, 0.54);
  }
    /* quick access file tile border */
  .a-dkl3Ye .L202Xe
  {
    border-color: #484848;
  }

  .a-dkl3Ye .Ccie2c:hover .L202Xe
  {
    border-color: #585858;
  }
    /* Grid view folder tab */
  .l-u-o-V-j
  {
    background-color: #272727;
  }
    /* Grid view folder tab icon */
  .l-u-o-c-j, .a-nEbBXb .a-c-j::before, .a-nEbBXb .l-u-xb, .l-u-ha .l-u-o-c-j
  {
    background-color: #222222;
  }
    /* :selected */
  .a-nEbBXb .l-u-ha
  {
    background-color: #2e5ba7;
  }
    /* Grid view selected folder tab */
  .a-nEbBXb .l-u-ha .l-u-o-V-j
  {
    background-color: #2e5ba7;
  }
    /* Grid view document names */
  .l-u-V
  {
    color: #ddd !important;
  }
    /* Sort buttons */
  .a-u-hd-Mb-dd .a-hd-Il-w-d
  {
    color: rgba(255, 255, 255, 0.54);
  }
    /*.a-u-hd-Mb-dd .a-hd-Il-mhHukc-d svg { filter: invert(90%); }*/
  .a-c-d:hover, .a-c-d.h-R-d-W
  {
    background-color: #444;
    border-color: #555;
  }
    /* Left Sidebar */
  .a-qc-La, .a-da-Mf-B-ji-j, .a-nEbBXb .a-qc-La, .a-nEbBXb .a-da-Mf-B-ji-j
  {
    background: #404040;
    color: #ddd;
  }

  .a-nEbBXb .a-U-J-x
  {
    color: #ddd;
  }

  .a-nEbBXb .a-U-ye-ha>.a-U-J>.a-U-J-x, .a-nEbBXb .a-U-ye-ha>.a-U-J.a-U-J-Wc-uh>.a-U-J-x
  {
    color: #ddd;
  }

  .a-U-ye:not(.a-U-ye-ha) .a-s-T-j .a-s-T-c, .a-U-Ze
  {
        /*    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix in='SourceGraphic' type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0'/></filter></svg>#invert");
        -webkit-filter: invert(100%);
        filter: invert(100%);
    */
    color: #f0f;
  }

  .a-U-ye.a-U-ye-ha .a-s-T-c, .a-U-ye.a-U-ye-ha .a-U-Ze
  {
    filter: unset;
    -webkit-filter: unset;
  }

  .Hb-ja-Na .a-U-xc:focus .a-U-ye.a-U-Vd-jh>.a-U-J
  {
    background-color: #333;
  }

  .a-nEbBXb .xd-ij
  {
    color: rgba(255, 255, 255, .38);
  }
    /* "New" button */
  .a-D-gc-wKOTTc .a-ec-Gd button.RTMQvb
  {
    color: #fff;
  }
    /* Hovered item */
  .a-nEbBXb :not(.a-U-ye-ha)>.a-U-J:hover, .a-nEbBXb :not(.a-U-ye-ha)>.a-U-J-W
  {
    background-color: rgba(255, 255, 255, .04);
  }
    /* Selected item */
  .a-U-ag-da > .a-U-H
  {
    background-color: #4285F4 !important;
        /*old*/;
  }

  .a-nEbBXb .a-U-ye-ha>.a-U-J
  {
    background-color: #3e629c;
  }
    /* Selected item text */
  .a-U-ag-da > .a-U-H > .a-U-H-s, .a-U-qb-uh .a-U-ye-ha>.a-U-J>.a-U-J-x, .a-U-ye-ha>.a-U-J.a-U-J-Wc-uh>.a-U-J-x
  {
    color: #cecece;
  }
    /*Storage*/
  .ml-pp .xd-j
  {
    border-top-color: #777;
  }

  .xd-j, .xd-A-r
  {
    color: #A700A7;
  }
    /*Storage hover*/
  .g-ia
  {
    background-color: #545454;
    border-color: #8C8C8C #8C8C8C #7C7C7C;
  }

  .xd-Ca, .xd-Ca-D, .xd-Jh-t-Q-ga
  {
    color: #DDD;
  }

  .xd-Jh-t-Q-Jl
  {
    color: #AAA;
  }
    /*'New' button*/
  .g-d-tf
  {
    background-color: #9e3628;
    background-image: -webkit-linear-gradient(top, #cc4837, #9e3628);
    background-image: linear-gradient(top, #cc4837, #9e3628);
    border-bottom-color: #9e3628;
  }

  .a-ec-Gd-qb-Wc-uh .g-d-tf.a-qb-d, .g-d-tf.a-qb-d, .Kzazxf.x6jRSb:not(.VuWATc)
  {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix in='SourceGraphic' type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0'/></filter></svg>#invert");
    -webkit-filter: invert(100%);
    background-color: #9e3628 !important;
    background-image: -webkit-linear-gradient(top, #cc4837, #9e3628) !important;
    background-image: linear-gradient(top, #cc4837, #9e3628) !important;
    border-bottom-color: #9e3628 !important;
  }
    /* 'New' dropdown */
  .a-nEbBXb .a-w-Mr::after
  {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%);
  }

  .a-nEbBXb .h-v-x
  {
    color: rgba(255, 255, 255, .87);
  }
    /*Sidebar line*/
  .a-s-tb-cj-wl
  {
    border-left-color: #505;
  }
    /* divider */
  .a-nEbBXb .a-U-xc>.a-da-fc-Ug::after, .a-nEbBXb .a-U-xc>.a-da-Ul::before, .a-nEbBXb .a-ji-Gd::before
  {
    border-bottom-color: #666;
  }
    /*GetDrive button*/
  .a-nf-Rc-Fa.a-c-d
  {
    background-color: #505050;
    color: #aaa;
  }
    /* Right sidebar */
    /* Sidebar Background */
  .a-ub-j, .a-nEbBXb .a-ub-Gd, .a-nEbBXb .a-ub-oa
  {
        /*home_sidebar_color*/
    background: #404040;
    border-left-color: #555;
  }
    /* Document Title */
  .a-Mg-V-T
  {
    color: #ddd !important;
  }
    /*Line marker thing*/
  .a-ub-ra-B>.h-ra-B
  {
    border-top-color: #777;
  }
    /* Selected Tab */
  .a-ub-ra-B > .h-ra-B > .h-ra-ha
  {
    color: #aaa !important;
  }
    /* Unselected Tab */
  .a-ub-ra-B > .h-ra-B > .h-ra
  {
    color: #888 !important;
  }
    /* Details Tab */
    /* Details Text */
  .a-q-Jc-bj
  {
    color: #ddd !important;
  }
    /* description box at bottom */
  .a-nEbBXb .a-q-Lb-go, .a-nEbBXb .a-q-Ed-Js-j
  {
    color: rgba(255, 255, 255, .54);
  }
    /* Activity Tab */
    /* Activity Content Background */
  .a-nEbBXb .y-E-j
  {
    background: #202020;
  }
    /* Activity Content Headings ("Earlier this week") */
  .y-C-Ed-V
  {
    color: #aaa !important;
  }
    /* Activity Content Heading - Scrolled up*/
  .y-E-gh-D .y-C-Ed-V
  {
    background: #202020 !important;
    opacity: 0.9 !important;
  }
    /* Activity content users */
  .a-nEbBXb .y-C-H-Sb
  {
    color: rgba(255, 255, 255, .87);
  }
    /* Activity content hover */
  .y-C-ka:hover, .y-C-ka:active, .y-C-ka:focus
  {
    background-color: #484848;
  }

  .a-nEbBXb .y-C-ka-T.y-C-xj-ka:hover, .a-nEbBXb .y-C-ka-T.y-C-xj-ka:active, .a-nEbBXb .y-C-ka-T.y-C-xj-ka:focus, .a-nEbBXb .y-C-ka-T .y-C-xj-ka:hover, .a-nEbBXb .y-C-ka-T .y-C-xj-ka:active, .a-nEbBXb .y-C-ka-T .y-C-xj-ka:focus
  {
    color: rgba(255, 255, 255, .54);
  }
    /* Activity Content */
  .y-C
  {
    background-color: #333 !important;
  }
    /* Activity Content Document Names */
  .y-C-q-j
  {
    color: #aaa !important;
  }
    /* Activity Content Dates */
  .y-C-at
  {
    color: #888 !important;
  }
    /* Activity Content Action ("You created an item in") */
  .y-C-q-D
  {
    color: #aaa !important;
  }
    /* On Collapse */
  .a-S-j-ub-Cf-ic
  {
    background-color: #242424;
  }
    /*'Shared with me' history window*/
  .a-t-j .a-ok-Ji-D
  {
    background-color: #404040;
    border-bottom-color: #6f6f6f;
  }

  .a-ok-Ji-ga
  {
    color: #DDD;
  }
    /*Weird footer box*/
  .a-S-dc
  {
    display: none;
  }
    /* Popup messages */
    /* Google Photos message */
  .a-fa-vg-Q
  {
    background-color: #444 !important;
  }
    /* Cancel upload box */
  .lb-k, .lb-k-V
  {
    background-color: #333;
    color: #aaa;
  }
    /* Upload list */
  .a-Cd-oa
  {
    background-color: #333;
    border-left-color: #444;
    border-right-color: #383838;
  }

  .Ea-oa.Ea-G
  {
    color: #aaa;
    border-bottom-color: #444;
  }

  .le-Ba
  {
    background-color: #444;
    border-bottom-color: #666;
    color: #AAA;
  }

  .Ea-oa
  {
    border-bottom-color: #666;
  }

  .Ea-j.Ea-Lj:hover
  {
    background-color: #444;
  }

  .z-Ea-os-Ls-d
  {
    color: #7ba8f5;
  }
    /* 'keep as separate file' link */
    /* Header buttons */
  .gb_hd .gb_rc a, .gb_hd .gb_ea a, .gb_hd .gb_de, .gb_hd .gb_8d
  {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix in='SourceGraphic' type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0'/></filter></svg>#invert");
    -webkit-filter: invert(100%);
  }

  svg.gb_ge, svg.gb_he
  {
        /*-webkit-filter: invert(89%);
        opacity: .54 !important;
        */
    fill: #898989 !important;
    opacity: 1;
  }

  .gb_Hd.gb_Xd
  {
    background: transparent;
  }
    /* Search dropdown */
  .h-uj
  {
    background-color: #333;
    color: #aaa;
    border-color: #555;
  }

  .g-Gh
  {
    border-color: #555;
  }
    /* Search bar */
  .gb_Ud .gb_be
  {
    background: rgba(64, 64, 64, 1);
  }

  .gb_ie.gb_ne
  {
    opacity: 1;
  }

  .a-nEbBXb-c.a-s-fa-Ha-pa
  {
    fill: #898989 !important;
    opacity: 1 !important;
  }

  .gb_Xa svg
  {
    opacity: 1 !important;
    fill: #898989;
    filter: invert(100%);
  }

  .a-nEbBXb
  {
    color: #ddd !important;
  }
}
}

@-moz-document url-prefix("http://docs.google.com/document/u/"), url-prefix("https://docs.google.com/document/u/"), url-prefix("https://docs.google.com/spreadsheets/u/")
{
/* Files */
    /* List view */
    
  .docs-homescreen-floater-header-cell, .docs-homescreen-floater-list-header-cell
  {
    color: #aaa;
  }

  .docs-homescreen-floater-header-shadow
  {
    box-shadow: 1px 2px 1px #555;
  }

  .docs-homescreen-list-header
  {
    background: #333;
  }

  .docs-homescreen-list-header-cell
  {
    color: #ddd;
  }

  .docs-homescreen-floater-header-buttons
  {
    -webkit-filter: invert(100%);
  }
    /* row */
  .a-nEbBXb .a-t-cb
  {
    border-bottom: 1px solid #444;
  }
    /* selected row */
  .a-nEbBXb .a-t-J-ha .l-t-T-V>.l-Ab-T-r
  {
    color: #aaa;
  }
    /* List view folder background */
  .a-t-j.a-t-gc-xl, .a-nEbBXb .a-t-j .a-gd-j
  {
    background: #333333;
  }

  .a-t-J.a-l-Sa-Wa-ka .a-t-cb-oa
  {
    background-color: #4d4d4d;
  }

  .a-nEbBXb .a-t-J-ha
  {
    background-color: #385b94;
  }

  .docs-homescreen-floater-header, .docs-homescreen-floater-list-header, .goog-scrollfloater
  {
    background: #333 !important;
  }

  .docs-homescreen-floater-header, .docs-homescreen-floater-list-header
  {
    background: #1e1e1e !important;
  }

  .docs-homescreen-item-container .goog-scrollfloater.docs-homescreen-floater-list-header
  {
    background: #1e1e1e !important;
  }

  .docs-homescreen-floater-grid-header
  {
    background: #1e1e1e !important;
  }
}

@-moz-document url-prefix("http://docs.google.com/document/d/"), url-prefix("https://docs.google.com/document/d/")
{
/* docs */
 @  media screen
  {
    /* PAGE */
    /* Background */
    #docs-editor {
        background: #222 !important;
  }
    /* Ruler */
  #kix-ruler
  {
    border-bottom: none !important;
  }

  .kix-ruler-background-inner, .docs-ruler-background-inner
  {
    background: #444 !important;
  }

  .kix-ruler-face-number
  {
    color: #aaa !important;
  }

  .kix-ruler-face-minor-division, .kix-ruler-face-major-division
  {
    border-left: 1px solid #aaa !important;
  }

  .kix-ruler-face-minor-division, .kix-ruler-face-major-division
  {
    border-left: 1px solid #aaa !important;
  }

  .docs-horizontal-ruler
  {
    border-bottom: 1px solid #777;
  }
    /* Navigation and Menu */
    /*Comments button*/
  .docos-icon-img:before
  {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix in='SourceGraphic' type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0'/></filter></svg>#invert");
    -webkit-filter: invert(100%);
    filter: invert(100%);
  }

  #docos-comment-bubble
  {
    background: rgba(47, 47, 47, 0.85);
    border-color: #555;
  }

  #docos-comment-bubble:hover
  {
    background-color: rgba(47, 47, 47, 1);
  }
    /*Diff view, revision history*/
  .kix-paragraphrenderer .kix-highlighted-revision-diff-overlay
  {
    opacity: 0.3;
  }
    /*.kix-paragraphrenderer .kix-highlighted-revision-diff-overlay + .kix-lineview-content span, .kix-paragraphrenderer .kix-highlighted-revision-diff-overlay + .kix-lineview-content .kix-wordhtmlgenerator-word-node {
    color: unset !important ;
  }*/
    
  .docs-revisions-sidebar, .docs-revisions-sidebar-date-group
  {
    background: #333333;
  }

  .docs-revisions-tile-hover:not(.docs-revisions-tile-selected)
  {
    background: #444444;
  }

  .docs-revisions-tile-hover, .docs-revisions-tile-selected
  {
    background: #444444;
  }

  .docs-revisions-tile-descriptor
  {
    color: #aaa;
  }

  .docs-revisions-tile-legacy.docs-revisions-tile-selected .docs-revisions-tile-timestamp
  {
    color: #ce6c60;
  }

  .docs-revisions-tile-legacy
  {
    border-bottom-color: #777;
  }

  .docs-revisions-sidebar-legacy
  {
    border-left-color: #999;
  }

  .docs-revisions-sidebar-actions
  {
    border-top-color: #999;
  }

  .docs-revisions-tile-timestamp
  {
    color: #DDDDDD;
  }

  .docs-revisions-tile-link
  {
    color: #BBB;
  }
    /* Text style > button */
  .jfk-button.docs-submenuitem-splitbutton
  {
    background-color: #444;
    background-image: none;
    color: #AAA !important;
    border: solid 1px #777;
  }
    /* Hover bubbles  */
  .docs-bubble
  {
    background-color: #4a4a4a;
    color: #AAA;
  }

  .docs-bubble-link, .docs-bubble a
  {
    color: #AAA !important;
    font-weight: bold;
  }
}
}

@-moz-document url-prefix("http://docs.google.com/spreadsheets/d/"), url-prefix("https://docs.google.com/spreadsheets/d/"), url-prefix("http://docs.google.com/spreadsheet/"), url-prefix("https://docs.google.com/spreadsheet/")
{
/* sheets */
 @  media screen
  {
    /* Formula bar */
    /* Equation toolbar */
    .kix-equation-toolbar-palette-item {
        border: 1px solid #444 !important;
  }

  #formula-bar
  {
    background: #fff !important;
  }

  #t-formula-bar-input
  {
    background: #333 !important;
    color: #ddd !important;
  }
    /* Actual input box */
  #t-formula-bar-input .cell-input
  {
    filter: unset;
    -webkit-filter: unset;
    background-color: #fff !important;
    color: #000;
  }
    
  
    /* Sheets bar */
  .grid-bottom-bar
  {
    background-color: #1A1A1A !important;
    border-top: 1px solid #777 !important;
  }

  .docs-sheet-tab
  {
    background-color: #222 !important;
    color: #bbb !important;
    border-color: #777 #373737 #333 #373737 !important;
  }

  .docs-sheet-tab-hover
  {
    background-color: #444 !important;
    color: #bbb !important;
    border-color: #777 #373737 #333 #373737 !important;
  }

  .docs-sheet-active-tab
  {
    background-color: #444 !important;
    color: #bbb !important;
    border-color: #777 #373737 #333 #373737 !important;
  }

  .docs-sheet-button-inner-box:hover, .docs-sheet-button-outer-box:hover
  {
    background-color: #444 !important;
    border-color: #444 !important;
  }

  .docs-sheet-button-icon
  {
    -webkit-filter: invert(100%);
  }
    
    
    /* scroll bars */
  .grid-shim-end-ltr, .grid-shim-end-rtl
  {
    background-color: #333;
  }

  .native-scrollbar, .docs-icon-insert-formula
  {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix in='SourceGraphic' type='matrix' values='-0.8 0 0 0 0.84 0 -0.8 0 0 0.84 0 0 -0.8 0 0.84 0 0 0 1 0'/></filter></svg>#invert");
    -webkit-filter: invert(90%) !important;
  }

  .grid-shim-bottom
  {
    border-top-color: #555;
    background-color: #111;
  }

  .grid-shim-end-ltr
  {
    border-left-color: #555;
  }

  .column-freezebar-extension
  {
    border-left-color: #555;
  }

  .row-freezebar-extension
  {
    border-top-color: #555;
  }
    
    
    /*Explore button*/
  .waffle-assistant-entry-expanded
  {
    background: #222 !important;
  }

  .waffle-assistant-entry-label
  {
    color: #aaa;
  }

  .docs-icon-explore-green
  {
    filter: invert(1);
  }
    
    /*little column arrows*/
  .jfk-freestanding-menu-button.waffle-kennedy-column-menu-button
  {
    filter: initial !important;
    -webkit-filter: initial !important;
  }
}
}

@-moz-document url-prefix("http://docs.google.com/document/d/"), url-prefix("https://docs.google.com/document/d/"), url-prefix("http://docs.google.com/spreadsheets/d/"), url-prefix("https://docs.google.com/spreadsheets/d/"), url-prefix("http://docs.google.com/spreadsheet/"), url-prefix("https://docs.google.com/spreadsheet/")
{
/* docs & sheets joint stuff */
 @  media screen
  {
    html, body, .drive_main_page {
        background: #333;
    color: #AAA;
  }
    /* Navigation and Menu */
  #docs-chrome
  {
    background: #111 !important;
    color: #ddd;
  }

  .docs-title-inner
  {
    color: #777 !important;
  }

  .apps-toast
  {
    color: #222;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix in='SourceGraphic' type='matrix' values='-0.8 0 0 0 0.84 0 -0.8 0 0 0.84 0 0 -0.8 0 0.84 0 0 0 1 0'/></filter></svg>#invert");
    -webkit-filter: invert(90%);
    filter: invert(90%);
  }
    /*Right-side account area with 'share'*/
  .docs-material-appbar #docs-header .docs-titlebar-buttons
  {
    background-color: #111;
  }

  .docs-omnibox-input
  {
    background: #333 !important;
    color: #aaa !important;
  }

  .jfk-textinput
  {
    border-color: #555 !important;
  }

  .docs-omnibox-autocomplete .ac-renderer
  {
    background: #555 !important;
    box-shadow: 0 0 1px #444, 0 0 2px #444, 0 0 4px #444;
    border: 1px solid #666 !important;
  }

  .docs-omnibox-autocomplete .ac-active
  {
    background: #333 !important;
  }
    /* Conversation button */
  .jfk-button-standard.jfk-button-disabled
  {
    background-color: #505050;
  }
    /* Toolbar strip */
  .goog-toolbar-separator.goog-inline-block
  {
    border-left: 1px solid #666 !important;
  }

  #docs-toolbar-wrapper, .docs-slidingdialog
  {
    background-color: #444 !important;
    background-image: none !important;
    border-color: #777 !important;
    box-shadow: 0px 1px 0px 0px #808080 inset !important;
  }

  .goog-toolbar-button, .goog-toolbar-menu-button, .goog-toolbar-combo-button-input
  {
    color: #ddd !important;
    opacity: 1 !important;
  }

  .docs-material .docs-icon-img
  {
    color: #fff !important;
  }

  .goog-menu
  {
    background: #fff !important;
    border-radius: 3pt;
    border: 1px solid #fff !important;
  }

  .goog-menu.goog-menu-vertical.docs-colormenuitems.goog-menu-noaccel
  {
    background: #fff !important;
  }

  .goog-menuitem, .goog-tristatemenuitem, .goog-filterobsmenuitem
  {
    color: #333 !important;
  }

  .docs-icon-img:before
  {
        /* invert icon colors */
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix in='SourceGraphic' type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0'/></filter></svg>#invert");
    -webkit-filter: invert(100%);
  }

  .docs-material .goog-toolbar-button, .docs-material .goog-toolbar-combo-button, .docs-material .goog-toolbar-menu-button, .docs-material .docs-toolbar-split-create-button.goog-toolbar-button, .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button
  {
    background-color: #444;
  }

  .docs-material .goog-toolbar-button-active, .docs-material .goog-toolbar-button-checked, .docs-material .goog-toolbar-button-selected, .docs-material .goog-toolbar-combo-button-open, .docs-material .goog-toolbar-menu-button-open, .docs-material .docs-toolbar-split-create-button.goog-toolbar-button-active, .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-active, .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-open
  {
    background-image: linear-gradient(to top, #5A5A5A, #696969);
  }

  .docs-material .goog-toolbar-button-hover, .docs-material .goog-toolbar-menu-button-hover, .docs-material .goog-toolbar-combo-button-hover, .docs-material .docs-toolbar-button-split-sympathy-hover, .docs-material .docs-toolbar-split-create-button, .docs-material .docs-toolbar-split-create-button.goog-toolbar-button-hover, .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-hover
  {
    background-image: linear-gradient(to top, #666, #6F6F6F);
  }
    /*Fix hover over right nav-bar things*/
  .goog-button-hover
  {
    background-color: #333 !important;
  }
    /*Fix the doctitle thing to be darker*/
  .docs-title-input-label, .docs-title-input
  {
    background-color: transparent;
  }

  .docs-title-input
  {
    border: solid 1px #555 !important;
    color: #ddd !important;
  }
    /*Menubar things ("File", etc.) should go dark too*/
  .docs-menubar .goog-control-hover
  {
    background-color: #666;
    border-color: #888;
    color: #ddd;
  }

  .docs-menubar .goog-control-open
  {
    background-color: #777;
    color: #ddd;
  }

  #docs-menu-shield
  {
    background-color: transparent;
  }
    /*Toolbar icons should have a dark background too.*/
  .goog-toolbar-button-hover, .goog-toolbar-menu-button-hover, .goog-toolbar-combo-button-hover, .jfk-button-standard.jfk-button-hover, .jfk-button-standard.jfk-button-clear-outline.jfk-button-hover
  {
    background-color: #444;
    background-image: -webkit-linear-gradient(top, #444, #484848);
    border-color: #a6a6a6 !important;
    color: #CCC;
  }

  .goog-toolbar-combo-button-hover .goog-toolbar-combo-button-input
  {
    border-right-color: #A6A6A6 !important;
  }

  .goog-menuitem-highlight, .goog-menuitem-hover
  {
    background-color: #757575 !important;
    color: #CCC !important;
  }

  .goog-menuitem-highlight .goog-menuitem-content, .goog-menuitem-hover .goog-menuitem-content
  {
    color: #CCC !important;
  }
    /*And when checked*/
  .goog-toolbar-button-selected, .goog-toolbar-button-checked, .goog-toolbar-menu-button-open, .jfk-button-standard
  {
    background-color: #656565;
    background-image: -webkit-linear-gradient(top, #666, #656565);
    background-image: -moz-linear-gradient(top, #666, #656565);
    background-image: -ms-linear-gradient(top, #666, #656565);
    background-image: linear-gradient(top, #666, #656565);
    border-color: #868686;
    color: #CCC;
  }
    /* Shortcuts menu */
  div.apps-shortcutshelppopup
  {
    background: #444;
    box-shadow: rgba(0, 0, 0, .9) 0px 1px 0px inset, rgba(0, 0, 0, .03) 0px -1px 0px inset, rgba(0, 0, 0, .15) 0 15px 10px, rgba(0, 0, 0, .3) 0 8px 36px;
  }

  .apps-shortcutshelppopup-dialog-title, div.apps-shortcutshelppopup, .apps-shortcutshelppopup-content-header, td.apps-shortcutshelppopup-shortcut-desc
  {
    color: #AAA;
  }

  .apps-shortcutshelppopup-content-element
  {
    border-bottom-color: #777;
  }

  .apps-shortcutshelppopup-header
  {
    border-bottom-color: #777;
  }
    /*Section stuff*/
  .navigation-item .navigation-item-level-0, .navigation-item .navigation-item-level-1, .navigation-widget-hat
  {
    color: #CCC;
  }
    /*'Share' popup too*/
  .goog-modalpopup, .modal-dialog
  {
    background-color: #333;
  }
    /*Comments box*/
    /* TODO: do later.
  .dcs-a-dcs-q, .dcs-a-dcs-q .dcs-a-dcs-bb-dcs-ce.dcs-a-dcs-nc, .dcs-a-dcs-q .dcs-a-dcs-hh-dcs-db-dcs-eb { background-color: #444; color: #AAA; }
  .dcs-a-dcs-nc-dcs-kg .dcs-a-dcs-nc-dcs-md { color: #AAA; }
  .dcs-a-dcs-nc .dcs-a-dcs-nc-dcs-qe { color: #AAA; }
  .dcs-d-dcs-cb-dcs-sc { color: #AAA; }*/
    /*Comment highlighting (make slightly darker)*/
    /*.kix-commentoverlayrenderer-normal { background-color: #d0b752; }*/
  .kix-commentoverlayrenderer-highlighted
  {
    background-color: #77692e;
  }
    /*Find dropdown*/
    /*Next/prev button border*/
  .docs-findbar-content .jfk-button-disabled
  {
    border-color: #777;
  }

  .goog-toolbar-menu-button-caption
  {
    color: #ddd;
  }
}
}

@-moz-document url-prefix("http://docs.google.com/sharing/"), url-prefix("https://docs.google.com/sharing/"), url-prefix("http://docs.google.com/document/"), url-prefix("https://docs.google.com/document/"), url-prefix("http://docs.google.com/spreadsheets/d/"), url-prefix("https://docs.google.com/spreadsheets/d/"), url-prefix("http://docs.google.com/spreadsheet/"), url-prefix("https://docs.google.com/spreadsheet/"), url-prefix("http://drive.google.com/sharing/"), url-prefix("https://drive.google.com/sharing/")
{
/* share dialog etc */
 @  media screen
  {
    /* Fix 'share' dialog (and a ton of buttons) */
    .goog-menuitem, .goog-tristatemenuitem, .goog-filterobsmenuitem, .apps-share-chips-input, .goog-menuitem-highlight .goog-menuitem-content, .goog-menuitem-hover .goog-menuitem-content {
        color: #AAA;
  }

  .modal-dialog, .modal-dialog-title, .modal-dialog-content, .toggle-link, .simple-sharing-link-heading, .simple-sharing-people-heading, .ia-invite-controls-area
  {
    background-color: #333;
    color: #AAA;
  }

  .goog-modalpopup-bg, .modal-dialog-bg
  {
    background-color: #333;
  }

  .link-management-url-input, .link-management-url-input:focus, .jfk-textinput
  {
    background-color: #444;
    background-image: none;
    color: #ddd !important;
  }

  .link-management-select, .link-management-copy-link-button, .link-management-copy-link-button.jfk-button-disabled, .jfk-button-standard.jfk-button-clear-outline, .link-management-url-container, .jfk-button-standard, .simple-sharing-note-text-area, .inviter-recipient-area, .goog-flat-menu-button, .ac-renderer, .slc-input, .share-fmb, .goog-toolbar-combo-button-open .goog-toolbar-combo-button-input, .goog-toolbar-combo-button-open, .jfk-button-standard.jfk-button-checked, .jfk-button-standard.jfk-button-clear-outline.jfk-button-checked, .modal-dialog-buttons button, .hsv-input, .hsva-input, .docs-explore-widget
  {
    background-color: #444;
    background-image: none;
    color: #AAA !important;
    border: solid 1px #777;
  }

  .link-management-select:hover, .jfk-button-standard.jfk-button-hover, .jfk-button-standard.jfk-button-clear-outline.jfk-button-hover, .goog-flat-menu-button.goog-flat-menu-button-hover, .goog-flat-menu-button.goog-flat-menu-button-open, .goog-flat-menu-button.goog-flat-menu-button-active, .apps-share-chips-chip, .goog-menu, .modal-dialog-buttons button:hover, .modal-dialog-buttons button:active
  {
    background-color: #4a4a4a;
    background-image: none;
    color: #AAA !important;
    border: solid 1px #888;
  }

  .modal-dialog-buttons button[disabled], .modal-dialog-buttons button[disabled]:hover, .modal-dialog-buttons button[disabled]:active
  {
    background: #444;
    color: #999 !important;
    border-width: 0;
  }

  .goog-menuitem-highlight, .goog-menuitem-hover
  {
    background-color: #555;
    border-color: transparent;
  }

  .ac-highlighted
  {
    color: #BBB;
  }

  .ac-active
  {
    background-color: #4a4a4a;
  }

  .modal-dialog .goog-menuitem-highlight, .modal-dialog .goog-menuitem-hover
  {
    background-color: #555;
    border-color: transparent;
  }

  .modal-dialog .goog-option-selected, .modal-dialog .goog-option-selected .goog-menuitem-content
  {
    background-color: #AAA;
    color: #222;
  }

  .apc-name
  {
    color: rgb(170, 170, 170);
  }

  .apc-email-contents, .apc-detail
  {
    color: rgba(170, 170, 170, 0.87);
  }

  .goog-option-selected .goog-menuitem-content
  {
    color: #DDD;
  }

  .apps-share-chips-icon-sprite-person, .apps-share-chips-icon-x, .rs-role-icon, .modal-dialog .goog-option-selected, .jfk-checkbox-checked .jfk-checkbox-checkmark, .vpc-icon-holder .apps-share-sprite, .jfk-freestanding-menu-button.waffle-kennedy-column-menu-button, .share-client-spinner, .goog-menuitem-checkbox, .goog-menuitem-icon, .docs-explore-widget-icon, .docs-explore-sidebar-title-close-icon.jfk-button-clear-outline
  {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix in='SourceGraphic' type='matrix' values='-0.8 0 0 0 0.84 0 -0.8 0 0 0.84 0 0 -0.8 0 0.84 0 0 0 1 0'/></filter></svg>#invert");
    -webkit-filter: invert(90%);
    filter: invert(90%);
  }

  .vpc-change-link, .ap-learn-more-link, .vs-info-text a, .vs-learn-more-text a, .ia-add-message-link, .simple-sharing-link-sharing-learn-more, .docs-explore-card-more-button, a:link
  {
    color: #6187ca;
  }

  .ss-saver-message
  {
    background-color: #5d5845;
    color: #DADADA;
    border-color: #907542;
  }

  .jfk-checkbox-checked, .ia-send-notifications-checkbox, .notification-options-checkbox
  {
    background-color: rgba(255, 255, 255, .05);
  }

  .jfk-radiobutton:active .jfk-radiobutton-radio
  {
    background: rgb(109, 109, 109);
  }

  .vs-icon-holder, .vpc-icon-holder
  {
    background-color: #484848;
  }

  .share-fmb
  {
    padding-top: 5px;
    padding-left: 7px;
  }

  .waffle-assistant-entry-expanded
  {
    background-color: rgba(255, 255, 255, 0.2);
  }

  .waffle-assistant-entry-expanded
  {
    color: #cde0d7;
  }

  .waffle-assistant-feature-section, .waffle-assistant-card
  {
    background-color: #333;
    color: #AAA;
  }

  .waffle-assistant-section-title, .docs-explore-card-title-heading, .docs-explore-topicitem-generator-text, .docs-explore-snippetitem-body-footer, .docs-explore-tabbar-tab-label
  {
    color: rgba(255, 255, 255, 0.54);
  }

  .waffle-assistant-card
  {
    border-bottom-color: #777;
  }

  .waffle-sidebar-container
  {
    border-left-color: #999;
  }

  .waffle-assistant-answers-ac-renderer, .docs-explore-card
  {
    background-color: #3a3a3a;
  }

  .waffle-assistant-button-holder
  {
    background-color: rgba(255, 255, 255, 0.4);
  }

  .waffle-assistant-answers-query-box, .waffle-assistant-replaceable-title .waffle-assistant-answers-query-box, .waffle-assistant-answers-ac-active, .docs-explore-searchbar-ac-renderer, .docs-explore-nuggetsview
  {
    background-color: #444;
  }

  .waffle-assistant-replaceable-title .waffle-assistant-answers-input-box
  {
    color: #AAA;
  }

  .waffle-assistant-answers-query-box-focused, .waffle-assistant-answers-query-box:hover, .waffle-assistant-replaceable-title .waffle-assistant-answers-query-box-focused, .waffle-assistant-replaceable-title .waffle-assistant-answers-query-box:hover, .docs-explore-searchbar-labelinput:focus, .docs-explore-searchbar-ac-active, .docs-explore-topicitem.goog-control-hover
  {
    background-color: #4a4a4a;
  }

  .waffle-assistant-chart-highlights, .waffle-assistant-answercard-question-container.waffle-assistant-button, .waffle-assistant-answers-ac-renderer, .docs-explore-card
  {
    color: #AAA;
  }

  .waffle-assistant-answercard-question-container.waffle-assistant-button-hover, .waffle-assistant-answercard-question-container.waffle-assistant-button-focused
  {
    background-color: #444;
  }

  .waffle-sidebar-content, .waffle-assistant-scroll-pane, .docs-explore-nuggetscardview-container, .docs-explore-sidebar
  {
    background-color: #4a4a4a;
    color: #AAA;
  }

  .docs-explore-topicitem-title, .docs-explore-snippetitem-body-text
  {
    color: rgba(255, 255, 255, 0.87);
  }
    /*TODO: .inviter-role-area .goog-flat-menu-button-disabled*/;
}
}

@-moz-document regexp("https?://docs\\.google\\.com/document/d/(e/)?[A-Za-z0-9_\\-]+/pub/?.*")
{
/* Published documents */
 @  media screen
  {
    body {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix in='SourceGraphic' type='matrix' values='-0.8 0 0 0 0.84 0 -0.8 0 0 0.84 0 0 -0.8 0 0.84 0 0 0 1 0'/></filter></svg>#invert");
    background-color: #000;
    -webkit-font-smoothing: antialiased;
    filter: invert(90%) hue-rotate(180deg);
    -webkit-filter: invert(90%) hue-rotate(180deg);
  }

  #contents
  {
    background-color: #FFF;
    margin: 0;
    padding: 6px;
  }

  img
  {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix in='SourceGraphic' type='matrix' values='-0.8 0 0 0 0.84 0 -0.8 0 0 0.84 0 0 -0.8 0 0.84 0 0 0 1 0'/></filter></svg>#invert");
    -webkit-filter: invert(90%);
    filter: invert(90%);
  }
}
}