Set a light gray background on Google Docs

docs-gray-background.user.js

// ==UserScript==
// @name         Docs Gray Background
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  Set a light gray background on Google Docs
// @author       Jared Hughes
// @match        https://docs.google.com/document/d/*
// @match        https://docs.google.com/presentation/d/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    const styleEl = document.createElement('style');
    const color = `hsl(0, 0%, 75%)`
    styleEl.innerHTML = `
    .punch-filmstrip-scroll, .kix-appview-editor, #pages > svg { background: ${color} !important; }
    .outline-refresh:not([class*="docs-hc"]) #navigation-widget-top-shadow::after { display: none }
    .outline-refresh #navigation-widget-bottom-fade { background: linear-gradient(rgba(255,255,255,0) 0%, ${color} 100%)}
    `
    document.body.appendChild(styleEl)
})();