Substack - dark-on-light

Substack - change journal themes to dark-on-light

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

// ==UserScript==
// @name           Substack - dark-on-light
// @namespace      Violentmonkey Scripts
// @match          *://*.substack.com/*
// @exclude        *://substack.com/*
// @version        1.5
// @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);
})();