Skip to content

Instantly share code, notes, and snippets.

@boskee
Last active November 7, 2022 09:33
Show Gist options
  • Save boskee/c8e4ab0e439fef2fb8b86c246c2b3e26 to your computer and use it in GitHub Desktop.
Save boskee/c8e4ab0e439fef2fb8b86c246c2b3e26 to your computer and use it in GitHub Desktop.
Make Mastodon look a bit more like Twitter
// ==UserScript==
// @name Mastodon Twitterizer
// @namespace http://tampermonkey.net/
// @version 0.1
// @description Make Mastodon look a bit more like Twitter
// @author boskee
// @match https://c.im/*
// @match https://mas.to/*
// @match https://mas.to/*
// @match https://mastodon.online/*
// @match https://mastodon.social/*
// @match https://newsie.social/*
// @match https://mastodon.coffee/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=mastodon.online
// @grant GM_addStyle
// @grant GM_addElement
// ==/UserScript==
(function() {
'use strict';
GM_addStyle('body, html { background: #000; }');
GM_addStyle(".column>.scrollable { background: #000; border: 1px solid rgb(47, 51, 54); }");
GM_addStyle('.star-icon .fa-star:before { content: ""; }');
GM_addStyle('.regeneration-indicator { background: #000; color: rgb(113, 118, 123); }');
GM_addStyle('.empty-column-indicator, .follow_requests-unlocked_explanation { background: #000; color: rgb(113, 118, 123); }');
GM_addStyle('.star-icon.active .fa-star:before { content: ""; }');
GM_addStyle('.icon-button { color: rgb(113, 118, 123); }');
GM_addStyle('.account__header__bar { background: #000; }');
GM_addStyle('.account__section-headline, .notification__filter-bar { background: #000; }');
GM_addStyle('.column-header { background-color: #000; }');
GM_addStyle('.column-header__button { background-color: #000; color: rgb(113, 118, 123); }');
GM_addStyle('.search__input { background-color: rgb(32, 35, 39); }');
GM_addStyle('.tabs-bar__wrapper { background: #000; border: solid rgb(47, 51, 54); border-width: 0 1px; }');
GM_addStyle('.search__input { border-radius: 9999px; }');
GM_addStyle('.load-more .fa-ellipsis-h:before { content: "Load More Toots"; color: #2b90d9; font-family: "mastodon-font-sans-serif",sans-serif; font-weight: bold; }');
GM_addStyle('.search__icon .fa-search { right: auto; left: 20px; top: 14px; }');
GM_addStyle('.search__input { padding-left: 45px; }');
GM_addStyle('.account__section-headline button, .notification__filter-bar button { background: #000; }');
GM_addStyle('.notification__filter-bar { border: solid rgb(47, 51, 54); border-width: 0 1px; }');
setTimeout(() => {
const panelsWrapper = document.querySelector('.columns-area__panels');
if (panelsWrapper) {
panelsWrapper.insertBefore(document.querySelector('.columns-area__panels__main'), document.querySelector('.columns-area__panels__pane--compositional'));
panelsWrapper.insertBefore(document.querySelector('.columns-area__panels__pane--navigational'), document.querySelector('.columns-area__panels__main'));
}
}, 1000);
})();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment