☰

google-chrome-dark-mode-exceptions

Google Chrome Dark Mode Exceptions

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 betiği yüklemek için bir betik yöneticisi eklentisi yüklemeniz gerekecektir.

(Zaten bir betik yöneticim var, hadi yükleyelim!)

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-chrome-dark-mode-exceptions
// @namespace    http://tampermonkey.net/
// @version      202312190930
// @description  Google Chrome Dark Mode Exceptions
// @author       Rafael David Tinoco
// @match        *://*/*
// @grant        GM_addStyle
// @run-at       document-start
// ==/UserScript==

// To be used after chrome://flags => #enable-force-dark is enabled.

;(function () {
  'use strict'

  let defaultMode = 'dark' // or "light"

  const excludedDomains = ['github.com']

  function isExcluded () {
    const currentDomain = window.location.hostname
    return excludedDomains.find(domain => currentDomain.includes(domain))
  }

  const lightCSS = `
        :root {
            color-scheme: light only !important;
        }
    `

  const darkCSS = `
        :root {
            color-scheme: darkonly !important;
        }
    `

  if (defaultMode === 'dark') {
    if (isExcluded()) {
      GM_addStyle(lightCSS)
    }
  } else if (defaultMode === 'light') {
    if (isExcluded()) {
      GM_addStyle(darkCSS)
    }
  }
})()