Skip to content

Chrome & Firefox extension for setting custom image/colour backgrounds on Twitter

License

Notifications You must be signed in to change notification settings

adeluccar/twitter-bg-restorer

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

72 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Twitter bg restorer logo

A chrome extension that lets you set a custom background image and colour for web twitter. A nostalgic throwback to when the homepage wasn't a sea of searing white.

Chrome

Download from the Web Store

Firefox

Download from the Mozilla Add-ons repository

Installation

Install from the site listed above and open the options for the extension. You can then upload an image and specify a colour.

You can currently:

  • Upload a custom image
  • Set a custom background colour
  • Specify whether the image tiles or not
  • Specify whether the image stretches to cover the page or not.

If you have any feature requests or ideas for improvement, please open an issue!

Note: This is a purely local change. Other users cannot see the background you set, I'm afraid - this is only to re-implement homepage customisation that twitter has removed.

How it Works

The extension works by inserting a new CSS rule on the body of a twitter page based on the settings you choose. When you 'upload' the background image to the extension, it actually converts it into a Base64 representation of the image and stores it locally in your chrome extension storage.

This Base64 data is then inserted into the page using the background-image: url() method - which solves the problem of being unable to pull an image from an extra-twitter location (whether it be from another hosted source or from the local machine).

Links

This extension has been linked to from The Guardian, iDigitalTimes, VentureBeat, Gizmodo and Lifehacker!

About

Chrome & Firefox extension for setting custom image/colour backgrounds on Twitter

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 56.9%
  • HTML 25.7%
  • CSS 16.7%
  • Shell 0.7%