Switch Reddit's theme to match the system
// ==UserScript==
// @name Reddit Dark Theme Sync
// @namespace http://tampermonkey.net/
// @version 0.4
// @description Switch Reddit's theme to match the system
// @author You
// @match https://www.reddit.com/*
// @require http://code.jquery.com/jquery-3.4.1.min.js
// @grant none
// ==/UserScript==
(function() {
'use strict';
$("#header").ready(function() {
let systemDarkEnabled = (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches)
let style = getComputedStyle(document.body);
let isDarkEnabled = getComputedStyle(document.getElementsByTagName("header")[0].firstElementChild).getPropertyValue('--newRedditTheme-body').trim() == "#1A1A1B"
//Check if themes are not in sync
if(systemDarkEnabled != isDarkEnabled){
//Reddit takes ages to load
setTimeout(function() {
//Open account menu
let accountMenu = $("#USER_DROPDOWN_ID");
accountMenu.click();
//Delay a second to allow the menu to open
setTimeout(function() {
//Find and click the switcher
let switcher = $("button:contains('Dark Mode')").last();
switcher.click();
}, 1000);
}, 3000);
}
});
})();