☰

Substack - dark-on-light

Substack - change journal themes to dark-on-light

// ==UserScript==
// @name           Substack - dark-on-light
// @namespace      Violentmonkey Scripts
// @match          *://*.substack.com/*
// @exclude-match  *://substack.com/*
// @version        1.4
// @author         jez9999
// @description    Substack - change journal themes to dark-on-light
// @require        https://code.jquery.com/jquery-3.6.0.min.js
// @run-at         document-body
// @grant          none
// @license        MIT
// ==/UserScript==

(function() {
    'use strict';

    // ********************
    // Reminder: set the following in Violentmonkey advanced settings for Editor:
    // "tabSize": 4,
    // "indentUnit": 4,
    // "autoCloseBrackets": false,
    //
    // Also, bear in mind there appears to be a bug in Violentmonkey where after a while, MutationObserver's
    // stop being debuggable and the whole browser needs restarting before it'll work again.
    // ********************

    // Allow strings for HTML/CSS/etc. trusted injections
	if (window.trustedTypes && window.trustedTypes.createPolicy && !window.trustedTypes.defaultPolicy) {
        window.trustedTypes.createPolicy('default', {
            createHTML: string => string,
            createScriptURL: string => string,
            createScript: string => string
        });
    }

    var utils = {};
    utils.jq = jQuery.noConflict( true );
    utils.isUnspecified = function(input) {
        return ((typeof input === "undefined") || (input === null));
    }
    utils.isSpecified = function(input) {
        return ((typeof input !== "undefined") && (input !== null));
    }

    // Add styling to DOM
    var sheet = document.createElement('style');
    sheet.innerHTML = `
        :root {
            --web_bg_color: #f3f3f3 !important;
            --print_on_web_bg_color: #000000 !important;
            --cover_bg_color: #ffffff !important;
            --print_secondary_on_web_bg_color: #666666 !important;
            --background_contrast_1: #ffffff !important;
            --background_contrast_2: #f5f4f4 !important;
            --background_contrast_3: #e9e9e9 !important;
            --background_contrast_4: #dbdbdb !important;
            --background_contrast_5: #cacaca !important;
            --print_on_pop: #ffffff !important;
            --cover_print_primary: #000000 !important;
            --cover_print_secondary: #cacaca !important;
            --cover_border_color: #000000 !important;
            --input_background: #e9e9e9 !important;
            --cover_input_background: #e9e9e9 !important;
            --tooltip_background: #dbdbdb !important;
            --selected_comment_background_color: #f5f4f4 !important;
        }
    `;
    document.head.appendChild(sheet);
})();