Twitter Auto Theme

Automatically switches between light and dark themes on Twitter.com (web version) based on system settings.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Twitter Auto Theme
// @namespace    https://techandnature.net/
// @version      0.1
// @description  Automatically switches between light and dark themes on Twitter.com (web version) based on system settings.
// @author       Christian Daus
// @match        https://twitter.com/*
// @run-at       document-start
// @license MIT
// ==/UserScript==

(function () {
  "use strict";
  const MAX_AGE = 60 * 60 * 24 * 365; //seconds in a year
  let currentNightMode = document.cookie
    .split(";")
    .find(cookie => cookie.includes("night_mode"))
    .split("=")[1];
  let newNightMode;
  let wasThemeSwitched = false;

  if (
    window.matchMedia &&
    window.matchMedia("(prefers-color-scheme: dark)").matches
  ) {
    newNightMode = "1";
  } else {
    newNightMode = "0";
  }

  if (newNightMode !== currentNightMode) {
    wasThemeSwitched = true;
    document.cookie = `night_mode=${newNightMode}; domain=.twitter.com; secure; max-age=${MAX_AGE}`;
  }

  console.log(
    `Twitter Auto Theme: Theme changed: ${wasThemeSwitched}, Night mode: ${newNightMode}`
  );
})();