☰

[Paper] Google Docs Dark Mode

Google Docs Dark Mode - Paper

  1. /* ==UserStyle==
  2. @name         [Paper] Google Docs Dark Mode
  3. @version      1.5.0
  4. @namespace    theusaf.org
  5. @license      MIT
  6. @description  Google Docs Dark Mode - Paper
  7. @author       theusaf
  8. ==/UserStyle== */
  9.  
  10. @-moz-document url-prefix("https://docs.google.com/document") {
  11.   :root {
  12.     --gray-50: #dddddd;
  13.     --gray-100: #bdbdbd;
  14.     --gray-150: #646464;
  15.     --gray-200: #555555;
  16.     --gray-300: #444444;
  17.     --gray-400: #313131;
  18.     --gray-500: #1C1C1C;
  19.     --gray-600: #171717;
  20.     --white-100: #f5f5f5;
  21.     --white-200: #ededed;
  22.     --white-300: #e3e3e3;
  23.   }
  24.  
  25.   /* background/text */
  26.   .kix-zoomdocumentplugin-outer,
  27.   .kix-appview-editor > div {
  28.     background-color: var(--gray-100) !important;
  29.     filter: invert(1);
  30.   }
  31.  
  32.   .kix-appview-clipped-ui-elements-container {
  33.     filter: invert(1);
  34.   }
  35.  
  36.   /* images */
  37.   .kix-lineview-text-block image,
  38.   .kix-lineview-text-block img,
  39.   #link-bubble-thumbnail-image,
  40.   .docs-link-bubble-favicon img {
  41.     filter: invert(1);
  42.   }
  43.  
  44.   /* grammarly support */
  45.   [data-grammarly-shadow-root="true"] {
  46.     mix-blend-mode: normal !important;
  47.   }
  48. }