Last active
October 13, 2023 10:53
-
-
Save biast12/04f66af3297b9395ec489f7eb16a9286 to your computer and use it in GitHub Desktop.
Replaces the X logo with the old Twitter logo
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 Replaces the X logo with the old Twitter logo | |
| // @description Replaces the X logo with the old Twitter logo by Biast12 | |
| // @icon https://abs.twimg.com/favicons/twitter.ico | |
| // @version 1.0.6 | |
| // @author Biast12 | |
| // @namespace https://twitter.com/Biast12 | |
| // @homepageURL https://gist.github.com/biast12/04f66af3297b9395ec489f7eb16a9286 | |
| // @supportURL https://gist.github.com/biast12/04f66af3297b9395ec489f7eb16a9286 | |
| // @updateURL https://gist.github.com/biast12/04f66af3297b9395ec489f7eb16a9286/raw/Replace-twitter-logo.user.js | |
| // @downloadURL https://gist.github.com/biast12/04f66af3297b9395ec489f7eb16a9286/raw/Replace-twitter-logo.user.js | |
| // @contributionURL https://www.paypal.com/donate/?hosted_button_id=RWB2QFK7CKUM2 | |
| // @license MIT | |
| // @grant GM_addStyle | |
| // @run-at document-start | |
| // @include https://twitter.com/* | |
| // ==/UserScript== | |
| (function () { | |
| let css = ` | |
| [d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"] { | |
| d: path("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"); | |
| } | |
| [aria-label="Loading…"] g { | |
| color: rgb(29, 155, 240); | |
| } | |
| [d="M21.591 7.146L12.52 1.157c-.316-.21-.724-.21-1.04 0l-9.071 5.99c-.26.173-.409.456-.409.757v13.183c0 .502.418.913.929.913h6.638c.511 0 .929-.41.929-.913v-7.075h3.008v7.075c0 .502.418.913.929.913h6.639c.51 0 .928-.41.928-.913V7.904c0-.301-.158-.584-.408-.758zM20 20l-4.5.01.011-7.097c0-.502-.418-.913-.928-.913H9.44c-.511 0-.929.41-.929.913L8.5 20H4V8.773l8.011-5.342L20 8.764z"] { | |
| d: path("M12 9c-2.209 0-4 1.791-4 4s1.791 4 4 4 4-1.791 4-4-1.791-4-4-4zm0 6c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2zm0-13.304L.622 8.807l1.06 1.696L3 9.679V19.5C3 20.881 4.119 22 5.5 22h13c1.381 0 2.5-1.119 2.5-2.5V9.679l1.318.824 1.06-1.696L12 1.696zM19 19.5c0 .276-.224.5-.5.5h-13c-.276 0-.5-.224-.5-.5V8.429l7-4.375 7 4.375V19.5z"); | |
| } | |
| [d="M21.591 7.146L12.52 1.157c-.316-.21-.724-.21-1.04 0l-9.071 5.99c-.26.173-.409.456-.409.757v13.183c0 .502.418.913.929.913H9.14c.51 0 .929-.41.929-.913v-7.075h3.909v7.075c0 .502.417.913.928.913h6.165c.511 0 .929-.41.929-.913V7.904c0-.301-.158-.584-.408-.758z"] { | |
| d: path("M12 1.696L.622 8.807l1.06 1.696L3 9.679V19.5C3 20.881 4.119 22 5.5 22h13c1.381 0 2.5-1.119 2.5-2.5V9.679l1.318.824 1.06-1.696L12 1.696zM12 16.5c-1.933 0-3.5-1.567-3.5-3.5s1.567-3.5 3.5-3.5 3.5 1.567 3.5 3.5-1.567 3.5-3.5 3.5z"); | |
| } | |
| `; | |
| if (typeof GM_addStyle !== "undefined") { | |
| GM_addStyle(css); | |
| } else { | |
| let styleNode = document.createElement("style"); | |
| styleNode.appendChild(document.createTextNode(css)); | |
| (document.querySelector("head") || document.documentElement).appendChild(styleNode); | |
| } | |
| })(); | |
| var favicon_link_html = document.createElement("link"); | |
| favicon_link_html.rel = "shortcut icon"; | |
| favicon_link_html.href = "https://abs.twimg.com/favicons/twitter.ico"; | |
| favicon_link_html.type = "image/x-icon"; | |
| var head = document.getElementsByTagName("head")[0]; | |
| if (head) { | |
| head.appendChild(favicon_link_html); | |
| } | |
| function fixTitle() { | |
| var title = document.title; | |
| if (title === "X") { | |
| document.title = "Twitter"; | |
| } else if (title.endsWith("/ X")) { | |
| var new_title = title.slice(0, -3) + "/ Twitter"; | |
| document.title = new_title; | |
| } | |
| } | |
| window.addEventListener("load", function () { | |
| new MutationObserver(function (mutations) { | |
| // Ignore changes to <head> apart from when <title> is added | |
| if (!mutations.some((mutation) => [...mutation.addedNodes].some((node) => node.nodeName === "TITLE"))) return; | |
| // Fix initially added title | |
| fixTitle(); | |
| // Watch the new title element for any change now it exists | |
| new MutationObserver(function () { | |
| fixTitle(); | |
| }).observe(document.querySelector("title"), { | |
| characterData: true, | |
| attributes: true, | |
| childList: true, | |
| subtree: true, | |
| }); | |
| }).observe(head, { childList: true }); | |
| }); |
This is epic, you also might wanna update it
@kckarnige can you elaborate pls? because i see nothing wrong with the latest version
Sorry, don't mind the comment, you had already updated it :p
Edit: Scratch that, you forgot to update the .r-16ek5rh selector in the css, I used [aria-label="Loading…"] g as a (hopefully) future proof fix/replacement
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Replaces the X logo with the old Twitter logo
Install a browser extension for managing user scripts (skip if you already have one):
Install The Script from this Github
If you have issues or just need help then DM me on Twitter
If you wanna Support me on Paypal or Join my Patreon!