Skip to content

Userscript to modify the looks of twitter.com

Notifications You must be signed in to change notification settings

gaelcoral/GoodTwitter2

 
 

Repository files navigation

GoodTwitter 2 - Electric Boogaloo

A try to make Twitter look good again.

Changelog

Content

Background

Twitter disabled its old 2014 layout on June 1st 2020 completely. This caused the popular extension GoodTwitter to not work anymore. But since I like the older layout better, I decided to create this script to recreate the legacy look in a way.

Disclaimers

  • Please keep in mind that a few things break from time to time so creating pull requests and/or issues is appreciated.
  • This is by no means a full recreation of the old design, it is more like a hybrid between the two.

Features

  • Legacy Navbar is back!
  • Legacy Profile Layout Option!
  • Your profile appears on the left side for most pages
  • All display settings are supported!
    • The default and dim theme use the color palette from legacy twitter
  • Added toggle for nightmode when not logged in
  • Translate tweets directly in your timeline!
  • Tweet source field is visible again
  • Various other custom settings, take a look at the previews

Installation

To use this script, you need a userscript manager.

  • Install Tampermonkey or Violentmonkey (Greasemonkey is not supported at the moment)
    • Violentmonkey may work better with very old Firefox versions.
  • Then, click on this link and a new tab should open, prompting you with an installation screen.
  • Hit install and you should be good to go!
  • [Firefox only] You do not need to disable CSP anymore. If you disabled it previously, see this guide on how to enable it again.

Do not use this script together with the GoodTwitter extension. Disable it first!

FAQ

The highlights color does not match my settings, what should I do?

Normally, the script should detect what colors you are using. If it somehow does not, just navigate to the display settings, switch to another color and then select your desired color again. Now it should look the way you want!

Can I help you?

Of course! If you want to help with the translations, check out Adding translations.

If you want to help with coding, you can take a look at the issue tracker. There are a lot of things that do not work correctly and I certainly could use some help with that :)

Translations

Thanks to these awesome people, there are translations available for the following languages:

Adding translations

If your language is not yet supported, you can help by adding it! Open the following box to learn more.

Adding an UI Translation
  • Switch to the dev branch.
  • Go to the i18n folder.
  • If a translation does not yet exist for your language:
    • Fork the repo

    • Duplicate the en.yml file and change the file name accordingly (i.e. ja.yml or nl.yml).

      • You can get the language id by pressing Ctrl+U on the twitter page and looking at the second line:
    • Then, translate all strings and create a pull request.

      • For all the strings in the first paragraph: Please use the official translations on twitter if you can.
    • You can also of course search for potential spelling mistakes or the likes and correct them for existing translations!

    • New strings will be added sometimes (e.g. for new settings). They will end with a TODO comment so you can spot them easier!

If you don't know how to use git, you can also create an new issue with your translation.

If you do so, please make sure to wrap the content of your file in backticks, like this:

```content```

Similar projects

Credits

This project uses the following libraries:

Previews

Settings

Page 1 Page 2

About

Userscript to modify the looks of twitter.com

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 60.1%
  • SCSS 39.9%