How to Change Your Facebook Background Color

Cuprive

Editor

posted on 7 years ago — updated on 1 second ago

30
views

White is the only background color Facebook itself offers. There are several apps and browser extensions, which are not authorized by Facebook, that claim to change your background color, but most of them are not safe. If you want to change the background of your Facebook window permanently, you can do that using TamperMonkey extension or you can change it temporarily using your browser console.

Steps

Using the TamperMonkey Extension on Chrome

Download the TamperMonkey Extension. Go to the Chrome Store and search for "TamperMonkey." Then click on Add To Chrome. "TamperMonkey" is a popular tool used to customize the way a web page displays or behaves.

Go to Facebook. Then click on the "TamperMonkey" icon.

Click on Create a new script. The Script Editor will open and we have to type a script in place of //Type your code here. //Type your code is a comment and does not affect the code.

Insert the script. In this case, you can use a backgroundColor property like this: document.body.style.backgroundColor = "your color here"; Document is one of DOM objects and it represents the page. The Document object has main role in accessing HTML elements. Once you finished typing the script, click on "Save" icon.

Refresh the Facebook page to see the changes.

Changing the Color Temporarily Using Your Browser Console

Open your browser console. Right click anywhere and choose Inspect Elements. Then switch to Console tab. Inspect Elements allows you to see the HTML and styles on the page, and it can be used to make temporary edits to a webpage.

Insert JavaScript Code. In this case, you can use a backgroundColor property like this: document.body.style.backgroundColor = "your color here"; Document is one of DOM objects and it represents the page. Document object has main role in accessing HTML elements.