BAND Dark Mode

Greasy Fork is available in English.

BAND Dark Mode

Apply dark mode to BAND while keeping the green theme accents

Задайце пытанне, пакіньце водгук або паскардзіцеся на скрыпт.

Wrap lines

// ==UserScript==
// @name         BAND Dark Mode
// @namespace    http://band.us/themeDark
// @version      1.0
// @description  Apply dark mode to BAND while keeping the green theme accents
// @match        https://www.band.us/*
// @grant        GM_addStyle
// @icon         https://www.google.com/s2/favicons?sz=64&domain=band.us
// @license      mit
// ==/UserScript==

(function() {
    document.body.classList.add("themeDark");
    GM_addStyle(`
        :root .skin10 {
            /* Darker green for better contrast in dark mode */
            --themeGreenTextColor: #009f33 !important;
            --themeGreenColor: #009f33 !important;
            --themeGreenColor-rgb: 0, 159, 51 !important;
            --themeGreenColor-rgba: rgba(var(--themeGreenColor-rgb), var(--skinBgOpacity)) !important;
            /* Gradient stops also darkened */
            --themeBandGradient: linear-gradient(
                290.55deg,
                #009f33 5.3%,
                #009c80 100%
            ) !important;
        }

        :root {
            --tier1PrimaryPrimary:           #0A9F50 !important; /* darkened from #0DCB67 */
            --tier1PrimaryOnPrimaryContainer: #0A9F50 !important; /* text-on-primary-container if used */
        }
    `);
})();