Last active
May 24, 2024 09:31
-
-
Save Damperen/b9a97f7a535f96da3cb5f64220d66ff4 to your computer and use it in GitHub Desktop.
Obsolete - Messenger.com FINALLY implented a dark mode! Dark mode for messenger.com, the code is already there as you can see. Facebook just haven't gotten around to implementing it in the UI yet..
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ==UserScript== | |
// @name Native Dark Messenger | |
// @namespace https://github.com/Damperen | |
// @version 1.9.5 | |
// @description Almost Native dark mode for Messenger | |
// @author https://github.com/Damperen | |
// @match https://www.messenger.com/* | |
// @grant none | |
// @run-at document-idle | |
// @icon https://i.imgur.com/VNn3FEX.png | |
// ==/UserScript== | |
(async function() { | |
'use strict'; | |
var mutationObserver = new MutationObserver(function(mutations) { | |
mutations.forEach(function(mutation) { | |
mutation.addedNodes.forEach(function(node) { | |
if(node.nodeType === 1){ | |
setDarkModeMultiple(document.querySelectorAll(".__fb-light-mode")); | |
document.querySelectorAll(".qbubdy2e.pmk7jnqg>svg").forEach(function(svg){ | |
svg.style.fill = "#242526" | |
}); | |
} | |
}); | |
}); | |
}); | |
mutationObserver.observe(document.documentElement, { | |
childList: true, | |
subtree: true, | |
}); | |
function setDarkModeMultiple(obj){ | |
if(!document.documentElement.className.contains('__fb-dark-mode')) { | |
document.documentElement.className = '_9dls __fb-dark-mode'; | |
const sheet = new CSSStyleSheet(); | |
sheet.replaceSync('.a8c37x1j, path{fill: #fff} .__fb-dark-mode{--header-height: 0px} :root{color-scheme: dark} #facebook{ overflow: hidden!important} div, span>a{ color:white!important;} '); | |
document.adoptedStyleSheets = [sheet]; | |
} | |
obj.forEach(function(item) { | |
item.className = item.className.replace('light','dark'); | |
}); | |
} | |
})(); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
You're very welcome, thank you for notifying me! :)