BAND Dark Mode

Apply dark mode to BAND while keeping the green theme accents

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey, Greasemonkey किंवा Violentmonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

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

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey किंवा Violentmonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल..

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

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल..

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्क्रिप्ट व्यवस्थापक एक्स्टेंशन इंस्टॉल करावे लागेल.

(माझ्याकडे आधीच युझर स्क्रिप्ट व्यवस्थापक आहे, मला इंस्टॉल करू द्या!)

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

(माझ्याकडे आधीच युझर स्टाईल व्यवस्थापक आहे, मला इंस्टॉल करू द्या!)

// ==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 */
        }
    `);
})();