Submission Grinder Simple Dark Mode

Really quick dark-mode for The Submission Grinder

Bu betiği kurabilmeniz için Tampermonkey, Greasemonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

You will need to install an extension such as Tampermonkey to install this script.

Bu betiği kurabilmeniz için Tampermonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği kurabilmeniz için Tampermonkey ya da Userscripts gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

You will need to install an extension such as Tampermonkey to install this script.

Bu komut dosyasını yüklemek için bir kullanıcı komut dosyası yöneticisi uzantısı yüklemeniz gerekecek.

(Zaten bir kullanıcı komut dosyası yöneticim var, kurmama izin verin!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(Zateb bir user-style yöneticim var, yükleyeyim!)

// ==UserScript==
// @name         Submission Grinder Simple Dark Mode
// @namespace    http://tampermonkey.net/
// @version      2025-11-04
// @description  Really quick dark-mode for The Submission Grinder
// @author       Robert Luke Wilkins, who quite likes to sit in the dark and write without getting unexpectedly blinded
// @match        https://thegrinder.diabolicalplots.com/*
// @icon         https://thegrinder.diabolicalplots.com/favicon.ico
// @grant        GM_addStyle
// @run-at       document-start
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    // A quick dark mode for The Submission Grinder
    GM_addStyle(`
        html {
            /* Invert all the colors as the base for the dark mode */
            filter: invert(1);
        }
        html, body {
            background-color: #FFF;
        }
        /* For the charts, reset the palette to default (inverted is hard to read), but make them less stark by dropping contrast */
        #subRecencyChart, #responseRecencyChart, #turnAroundChart {
            filter: invert(1) contrast(70%);
        }
        /* For non-standard pending status types, reset all the palette inversions to keep the default orange & red colors */
        .SubmissionResultStatusExceedsEstimated, .SubmissionResultStatusExceedsAverage {
            filter: invert(1);
        }
        /* Make the legend a little easier to read in dark mode by raising the opacity from 0.6 to 0.8 */
        table.jqplot-table-legend, .jqplot-table-legend {
            background: rgba(255, 255, 255, 0.8);
        }
        /* Lastly, override the basic link colors, because the default palette inversions aren't great */
        a {
            color: #aa3;
        }
        a:visited {
            color: #3a3;
        }
    `);
})();