☰

Google Classroom Dark Mode

Enables dark mode for Google Classroom.

Nasıl kurarım

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

Bu betiği yüklemek için Tampermonkey gibi bir uzantı yüklemeniz gerekir.

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.

Bu betiği indirebilmeniz için ayrıca Tampermonkey gibi bir eklenti kurmanız gerekmektedir.

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!)

Nasıl kurarım

Bu stili yüklemek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için Stylus gibi bir uzantı kurmanız gerekir.

Bu stili yükleyebilmek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı kurmanız gerekir.

Bu stili yükleyebilmek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

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

// ==UserScript==
// @name         Google Classroom Dark Mode
// @description  Enables dark mode for Google Classroom.
// @version      1.0
// @icon         https://www.google.com/favicon.ico
// @author       blank
// @namespace    https://google.com
// @match        https://classroom.google.com/*
// @run-at       document-start
// @license      MIT
// ==/UserScript==
(function() {
    "use strict";
 
    const log = console.log;
 
    // Get the dark mode setting.
    const darkModeSetting = localStorage.getItem("darkMode");
 
    // If the dark mode setting is enabled, set the dark mode property of the document to true.
    if (darkModeSetting === "true") {
        document.documentElement.classList.add("dark");
    }
 
    // Listen for the change event on the dark mode setting.
    document.querySelector("#darkMode").addEventListener("change", () => {
 
        // Get the new value of the dark mode setting.
        const newDarkModeSetting = document.querySelector("#darkMode").checked;
 
        // Set the dark mode property of the document to the new value.
        document.documentElement.classList.toggle("dark", newDarkModeSetting);
 
        // Save the new value of the dark mode setting.
        localStorage.setItem("darkMode", newDarkModeSetting);
    });
})();