DarkDrive-moz.css

@-moz-document url-prefix('https://drive.google.com/drive/') {
  /* input bar and magnifying glass nextto search bar and weird button class in input bar */
  input.gb_We, .gb_Re, .gb_xe.gb_4e, .gb_af, .gb_Ee.gb_bf {
    background: #333;
    color: #bbb !important;
  }

  input.gb_Zd {
    background: none !important;
  }

  /* search bar change on use */
  .gb_Ee.gb_bf.gb_Ve > .gb_ef > input.gb_We, .gb_Ee.gb_bf.gb_Ve, .gb_Ee.gb_bf.gb_Ve > .gb_df.a-nb-Va-d-Gk-M {
    background: #222 !important;
  }

  /* fix white border on use */
  .gb_xe.gb_4e {
    border-color: #333 !important;
  }

  /*
      top bar
  */
  .gb_ud, .gb_qd, .gb_td, .gb_Bd.gb_7d {
    background: #212121 !important;
    color: #bbb !important;
  }

  .a-D-B-x {
    background: #212121 !important;
    box-shadow: none !important;
  }

  /* icons*/
  .gb_He > svg, .gb_Ie > svg, .a-nb-Va-d-Gk-M > svg, .a-w-d-aa-zd > svg, svg.a-nEbBXb-c, div.a-d-c > svg.a-s-fa-Ha-pa, svg.gb_1d, div.gb_ee > svg.gb_0d, a.gb_b > svg, svg.gb_Zd, svg.gb_3d, .gb_Le > svg, .a-q-Xc-Ab-c > svg > path.a-s-fa-Ha-pa, .gb_Me > svg, .gb_Re > svg, .gb_3e.gb_5e > svg, .gb_Ze > svg, .gb_af.gb_cf > svg, .gb_ue.gb_Pc > svg {
    fill: #fff !important;
  }

  /* placeholder text*/
  .gb_We::-webkit-input-placeholder {
    color: #989898 !important;
  }

  /* for firefox */
  .gb_We::-moz-placeholder {
    color: #989898 !important;
    opacity: 1 !important;
  }

  /* headers like "my drive" and specifically "backup" because it's different for some reason..*/
  .a-Kj-D, .w7Ppu {
    color: #bbb !important;
  }

  /* file path current */
  .h-R-w-d-ff {
    color: #bbb !important;
  }

  /*file path super dir */
  .o-Yc-o-T {
    color: #777 !important;
  }

  /*
  left bar
  */
  .a-da-Mf-B, div.a-da-Mf-B-ji-j {
    background: #101010 !important;
  }

  /* text on menu items */
  .a-s-T-j {
    color: #bbb !important;
  }

  /* side menu icons */
  .a-s-fa-Ha-pa {
    fill: #989898 !important;
  }

  /* free space text and upgrade storage */
  .xd-cr-lv, span.xd-A-r {
    color: #989898 !important;
  }

  /* background */
  .a-s-tb-Pe-Q {
    background: #101010;
  }

  /* headers such as "bin" */
  .a-Kj-D {
    color: #bbb !important;
  }

  /*
  grid item
  */
  /* grid item rectangle */
  .l-u-xb.l-u-o {
    background: #333 !important;
  }

  /* selected */
  .l-u-xb.l-u-o.l-u-ha, .l-u-xb.l-u-o.l-u-ha > .l-u-o-c-j.a-c-j > .a-c-j::before {
    background: #424242 !important;
  }

  /* circle around folder icon */
  .a-c-j::before {
    background: #333 !important;
  }

  /* sep between more and info on computer tab when selected */
  .a-d-vc {
    border-color: #333 !important;
  }

  /* some bar at the bottom of starred afaik */
  .a-S-dc.a-S-dc-Vf {
    background-color: #101010 !important;
  }

  /* read the selector name... */
  #empty-view-content-starred {
    color: #bbb !important;
  }

  /* backup page text*/
  .a-Ul-YrItnb-D {
    color: #bbb !important;
  }

  .a-Ul-YrItnb-ua {
    color: #989898 !important;
  }

  /* backup page cloud icon */
  .a-Ul-YrItnb-ta {
    background: #212121 !important;
  }

  .a-Ul-YrItnb-ta-Wb > svg {
    filter: invert(1);
  }

  /*
  LIST VIEWS
   */
  /* table header background: */
  .a-t-D {
    background: #101010 !important;
  }

  /* table header */
  .a-t-D-cb {
    color: #989898 !important;
  }

  /* name, lastmodified hover*/
  .a-t-D-Wb-cb-oa.a-t-D-ip.a-t-D-yu:hover, .a-t-D-Wb-cb-oa.a-t-D-ip:hover, .h-w-d-W {
    color: #bbb !important;
  }

  /* table */
  .a-Wa-ka {
    color: #989898 !important;
    background: #212121 !important;
    border: 1px #989898 !important;
  }

  /* table when selected */
  .a-t-J-ha {
    color: #bbb !important;
    background: #333 !important;
  }

  /* table text (some)*/
  .l-Ab-T-r {
    color: #bbb !important;
  }

  /* who last modified */
  .a-s-Nc-Ej {
    color: #777 !important;
  }

  .a-gd-j.a-s-oe {
    border: 2px #101010 !important;
    border-color: #101010 !important;
  }

  /* remove white circle around folder icon */
  .l-t-T-c-j::before {
    background: transparent !important;
  }

  /* quick access */
  .L202Xe {
    filter: invert(0.9) grayscale(1);
    box-shadow: none !important;
  }

  .a-ok-Ji, .a-ok-Ji-ga {
    background: #212121 !important;
    color: #bbb !important;
  }

  /*
  activity/details sidebar
  */
  /* cell background and sidebar background*/
  .y-C, .y-E-hi, .y-E.g-oe, .a-ub-D, .y-C-Ed-V, .a-ub-Gd, .a-ub-oa, .a-ub-sc-oa {
    background: #212121 !important;
  }

  /* _ edited an item date heading, folder name */
  .y-C-q-D, .y-C-H-Sb, .a-Mg-V-T, .h-ra {
    color: #bbb !important;
  }

  /* device/time */
  .y-C-at, .y-C-Ed-V {
    color: #989898 !important;
  }

  /* filename */
  .y-C-ka-T.y-C-xj-ka.y-C-ra-ka {
    color: #989898 !important;
  }

  /* "no recorded activity" */
  .y-E-Xc-Ma-hi-r {
    color: #989898 !important;
  }

  /* details/activity heading when selected */
  .h-ra.h-ra-W.h-ra-ha {
    color: white !important;
  }

  /* bar under heading */
  .a-ra-Mb-j {
    filter: invert(1) grayscale(1);
  }

  /* details pane */
  .a-q-Gd.a-Zm.a-s-tb-pa {
    background: #212121 !important;
    color: #bbb !important;
  }

  /* type, location, owner, etc, add a description */
  .a-q-Jc-bj, .a-q-Lb-go {
    color: #777 !important;
  }

  /*folder icon background panel */
  .a-q-D-j {
    background: #333 !important;
  }

  /* not shared icon */
  .H-qa-Ma-d-Jb.a-q-me-Z-c-j, .a-q-me-Z-c > svg {
    border-color: #777 !important;
    fill: #fff !important;
  }

  /* add description text box */
  .a-q-Lb-Cb {
    background: #222 !important;
    border-color: #989898 !important;
    color: #989898;
  }

  /* scrollbar  */
  ::-webkit-scrollbar {
    width: 16px;
    background-color: #212121 !important;
  }

  ::-webkit-scrollbar-track {
    background-color: #212121 !important;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #777;
    border: 3px solid transparent;
    border-radius: 9px;
    background-clip: content-box;
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: #bbb !important;
  }

  /* search dropdown */
  /* .gssb_e, .gssb_m, .gssb_a, .gsfs, .gssb_f{ */
  .gssb_m, .gssb_e {
    background: #222 !important;
    color: #bbb !important;
  }

  .gssb_i {
    background: #333 !important;
  }

  /* seperator */
  .gssb_l {
    background: #333 !important;
  }

  /* borders */
  td.gssb_e, td.gssb_f {
    border-color: #333 !important;
  }

  /* google app switcher */
  /* body background */
  .gb_ia.gb_ba, .gb_ia.gb_ba > li {
    background: #212121 !important;
    color: #bbb !important;
  }

  /* border */
  .gb_ga.gb_fa.gb_za.gb_ha.gb_g {
    border-color: #333 !important;
  }

  /* mpre button */
  .gb_ja.gb_Hf {
    background: #1c1c1c !important;
    color: #989898 !important;
  }

  /* border for notification dropdown */
  .gb_fa.gb_g.gb_Kc {
    border-color: #333 !important;
    border: 0px !important;
  }
}
@-moz-document url-prefix('https://docs.google.com/document/d/') {
  /* background */
  body, #docs-editor {
    background: #101010 !important;
  }

  /* ruler */
  div.kix-ruler-background {
    background: #101010 !important;
  }

  div.kix-ruler-background-inner {
    background: #333 !important;
  }

  div#kix-ruler {
    border-bottom: 1px solid #000 !important;
  }

  /* top */
  div#docs-chrome {
    background: #212121 !important;
    color: #bbb !important;
  }

  input.docs-title-input {
    /* title box */
    background-color: #212121 !important;
    color: #bbb !important;
  }

  input.docs-title-untitled {
    /* title box */
    display: none !important;
  }

  div#docs-star {
    /* star icon */
    -webkit-filter: invert(0.3) grayscale(1) !important;
    filter: invert(0.3) grayscale(1) !important;
  }

  div#docs-folder {
    -webkit-filter: invert(0.6) grayscale(1) !important;
    filter: invert(0.6) grayscale(1) !important;
  }

  div.jfk-activityIndicator-circle-transition {
    /* activity indicator */
    -webkit-filter: invert(1) !important;
    filter: invert(1) !important;
  }

  div#docs-chat {
    /*   toolbar chat button   */
    -webkit-filter: invert(0.9) !important;
    filter: invert(0.9) !important;
  }

  /*  toolbar */
  div#docs-toolbar-wrapper {
    /* bar */
    border-top: 0px solid #424242 !important;
    border-bottom: 1px solid #424242 !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.15) !important;
    background: #222 !important;
  }

  div#docs-equationtoolbar {
    /* equation toolbar */
    border-top: 0px solid #424242 !important;
    border-bottom: 1px solid #424242 !important;
    background: #212121;
  }

  div#insert-equation-button {
    /*insert eqn button */
    background: #222;
    border-color: #333;
  }

  #docs-equationtoolbar > div.goog-toolbar-menu-button.goog-toolbar-menu-button.goog-inline-block {
    /* eqn toolbar dropdown icons*/
    -webkit-filter: invert(0.9) !important;
    filter: invert(0.9) !important;
  }

  div.jfk-bubble.docs-toolbar-more-bubble, div.docs-toolbar-more-toolbar {
    /* more dropdown */
    background: #f4f4f4;
    border-color: #333 !important;
  }

  div#docs-primary-toolbars, div.docs-toolbar-more-toolbar {
    /* toolbar icons */
    -webkit-filter: invert(0.9) !important;
    filter: invert(0.9) !important;
  }

  div#docs-access-level-indicator {
    -webkit-filter: invert(1) !important;
    filter: invert(1) !important;
    background: #0c0c0c;
    border: 1px solid #333 !important;
  }

  /* invert toolbar and sep */
  div.docs-icon.goog-inline-block.goog-control-icon, div#docs-toolbar-mode-switcher-separator {
    /* add to drive icon */
    -webkit-filter: invert(0.7) grayscale(1) !important;
    filter: invert(0.7) grayscale(1) !important;
  }

  div#docs-docos-commentsbutton, div.goog-inline-block.jfk-button.jfk-button-action.docs-titlebar-button {
    color: #bbb;
    background: #222;
    border-color: #333;
  }
}
@-moz-document regexp('https?://notifications.google.(com|([a-z]{2}))(.[a-z]{2})?/u/0/widget\\?.*') {
  /*
      This section was adatped from: https://raw.githubusercontent.com/pawelos076232/DarkSearch/master/DarkSearch.css
  */
  /*dropdown background*/
  .gV6pJf, #gbsfw.gb_Ic {
    background: #212121 !important;
    border-color: #212121;
  }

  /*notification background*/
  .CxSKqd.PNdSh, .CxSKqd.Wj1LYb, .CxSKqd {
    background: #151515;
  }

  /*icons*/
  .iWO9fc .mUbCce svg, .yxaWLe svg, .ajgU6 {
    fill: rgba(255, 255, 255, 0.54);
  }

  /*icons:hover*/
  .iWO9fc .mUbCce:hover svg, .yxaWLe:hover svg {
    fill: rgba(255, 255, 255, 0.87);
  }

  /*logo Google*/
  .XSVuue {
    fill: rgba(255, 255, 255, 0.26);
  }

  /*text*/
  .v7k2xf, .v7k2xf, .gMG7Fd, .wh73ab {
    color: rgba(255, 255, 255, 0.87);
  }

  /*subtext*/
  .OlDqke, .Vz68Kb {
    color: rgba(255, 255, 255, 0.54);
  }

  /*footer-bar*/
  .fEjTrb, .jvWPmb.qs41qe .fEjTrb {
    background-color: #1d1d1d;
  }

  /*opened notification header bg*/
  .xMujpb {
    background-color: #1d1d1d;
  }

  /*opened notification bg*/
  .E4TZmd, .RIrM6d {
    background: #101010;
  }

  .utcmad {
    color: #c5c5c5;
  }

  body, .m3JvWd, .g6UaYd, .vGowKb {
    color: rgba(255, 255, 255, 0.87);
  }

  .LCX1Id, .XGOYJd > :first-child, .ZYK0Xb {
    border-top-color: #252525;
  }

  /*circle icon bg*/
  .GsLz7c, .sH8mib {
    background: #212121;
  }
}