☰

Twitter Auto Dark Mode

Auto dark mode for Twitter -- or X

  1. // ==UserScript==
  2. // @name             Twitter Auto Dark Mode
  3. // @version          1.11
  4. // @author           Yukiteru
  5. // @license          MIT
  6. // @grant            none
  7. // @match            *://x.com/*
  8. // @description      Auto dark mode for Twitter -- or X
  9. // @namespace https://greasyfork.org/users/91424
  10. // ==/UserScript==
  11.  
  12. function toggleTheme(isDarkMode) {
  13.   // 0 stands for light mode, 1 for dark blue mode, 2 for dark mode
  14.   const mode = isDarkMode ? 1 : 0;
  15.   document.cookie = `night_mode=${mode};path=/;domain=.x.com;secure`;
  16. }
  17.  
  18. const darkMedia = window.matchMedia('(prefers-color-scheme: dark)');
  19. toggleTheme(darkMedia.matches); // toggle theme when page loaded
  20.  
  21. darkMedia.addEventListener('change', e => {
  22.   toggleTheme(e.matches); // toggle theme when system theme is changed
  23. });