Bring back old twitter logo

twitter-logo.user.js

// ==UserScript==
// @name        Bring back bird logo - twitter.com
// @namespace   twitter scripts
// @match       *://*.twitter.com/*
// @match       *://*.x.com/*
// @grant       none
// @version     1.5
// @author      busybox11
// @description 7/24/2023, 1:47:07 PM
// @updateURL   https://gist.githubusercontent.com/busybox11/0fea71f136ead45efc470f01f23de94b/raw
// @downloadURL https://gist.githubusercontent.com/busybox11/0fea71f136ead45efc470f01f23de94b/raw
// ==/UserScript==

const handleFaviconUpdate = (element) => {
    element.href = element.href.replace('.3.ico', '.2.ico');
}

const handleMutation = (mutationsList, observer) => {
    for (const mutation of mutationsList) {
        if (mutation.type === 'childList') {
            const nodes = mutation.addedNodes
            for (const node of nodes) {
                if (node) {
                    const logoElems = node.querySelectorAll('h1[role="heading"]')
                    for (const logoElemCont of logoElems) {
                        logoElemCont.querySelectorAll('svg').forEach((svgElem) => {
                            svgElem.innerHTML = `
                            <g><path d="M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572 0-4.658 2.086-4.658 4.66 0 .364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342 0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3 0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376 0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57 0 13.255-7.098 13.255-13.254 0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z"></path></g>
                            `
                        })
                    }

                    if (node.tagName == "TITLE") {
                        new MutationObserver(function(mutations) {
                            const titleElem = mutations[0].target;
                            if (titleElem.innerHTML.slice(-1) == "X") {
                                titleElem.innerHTML = titleElem.innerHTML.slice(0, -1) + 'Twitter'
                            }
                        }).observe(
                            document.querySelector('title'),
                            { subtree: true, characterData: true, childList: true }
                        );
                    }
                }
            }
        } else if (mutation.type === 'attributes') {
            if (mutation.target.localName === 'link' && mutation.target.rel === 'shortcut icon' && mutation.target.href?.endsWith('.3.ico')) {
                handleFaviconUpdate(mutation.target)
            }
        }
    }
}

const splashElems = document.querySelectorAll('#placeholder')
for (const logoElemCont of splashElems) {
    logoElemCont.querySelectorAll('svg').forEach((svgElem) => {
        svgElem.innerHTML = `
        <g><path d="M23.643 4.937c-.835.37-1.732.62-2.675.733.962-.576 1.7-1.49 2.048-2.578-.9.534-1.897.922-2.958 1.13-.85-.904-2.06-1.47-3.4-1.47-2.572 0-4.658 2.086-4.658 4.66 0 .364.042.718.12 1.06-3.873-.195-7.304-2.05-9.602-4.868-.4.69-.63 1.49-.63 2.342 0 1.616.823 3.043 2.072 3.878-.764-.025-1.482-.234-2.11-.583v.06c0 2.257 1.605 4.14 3.737 4.568-.392.106-.803.162-1.227.162-.3 0-.593-.028-.877-.082.593 1.85 2.313 3.198 4.352 3.234-1.595 1.25-3.604 1.995-5.786 1.995-.376 0-.747-.022-1.112-.065 2.062 1.323 4.51 2.093 7.14 2.093 8.57 0 13.255-7.098 13.255-13.254 0-.2-.005-.402-.014-.602.91-.658 1.7-1.477 2.323-2.41z"></path></g>
        `
        svgElem.style.fill = 'rgba(29,161,242,1.00)';
    })
}

// Initialize favicon
handleFaviconUpdate(document.querySelector("link[rel='shortcut icon']"))

const sc = {
    log: (...args) => {
        console.log('[twitter-logo]', ...args)
    }
}

const observer = new MutationObserver(handleMutation)
observer.observe(document, {
    childList: true,
    subtree: true,
    attributeFilter: ["href"],
    attributeOldValue: true
})

Thanks for the very useful script <3
I have added few lines in my fork to bring back the "tweet" button instead of the "post" button. Don't know if it's the best way to do it but it works :

const lang = document.getElementsByTagName("html")[0].lang;
const tweetBtntxt = lang == "fr" ? "Tweeter" : "Tweet";
(...)
else if(node.className == "css-1dbjc4n"){
    document.querySelector("[data-testid='tweetButton']").lastChild.innerText = tweetBtntxt;
 }

That class changes btw you can't rely on it