{"id":27375,"date":"2012-08-02T18:25:07","date_gmt":"2012-08-02T16:25:07","guid":{"rendered":"http:\/\/onsoftware.en.softonic.com\/?p=27375"},"modified":"2025-07-02T01:46:39","modified_gmt":"2025-07-02T08:46:39","slug":"how-to-change-the-color-of-facebook","status":"publish","type":"post","link":"https:\/\/cms-articles.softonic.io\/en\/how-to-change-the-color-of-facebook\/","title":{"rendered":"How to change the color of Facebook"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-27381\" title=\"Color My Facebook\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2012\/08\/facebooklogo.jpg\" alt=\"\" width=\"135\" height=\"134\" \/>If you\u2019re a long-time <a href=\"http:\/\/facebook.en.softonic.com\/web-apps\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Facebook<\/strong><\/a> user then you\u2019re probably fed up of looking at that same blue and white page design, day after day, year after year. You needn\u2019t suffer any more because now it\u2019s actually possible to <strong>change the color scheme of the Facebook interface<\/strong>.<\/p>\n<p>Follow the steps below and you\u2019ll have a new-look Facebook in no time. Not only will the <strong>Color My Facebook <\/strong>application give you a break from that blue design, but you\u2019ll also look cool and original too. Give it a try and see what weird and wonderful Facebook color schemes you can create.<\/p>\n<p><!--more--><br \/>\n<strong><\/p>\n<h3>1. Download and install Color My Facebook<\/h3>\n<p><\/strong><\/p>\n<p>Color My Facebook is a free extension for the <a href=\"http:\/\/firefox.en.softonic.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Firefox<\/strong><\/a>, <a href=\"http:\/\/google-chrome.en.softonic.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Chrome<\/strong><\/a>, <a href=\"http:\/\/safari.en.softonic.com\/mac\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Safari<\/strong><\/a> and <a href=\"http:\/\/internet-explorer-9-64-bit.en.softonic.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Internet Explorer<\/strong><\/a> web browsers. Visit <a href=\"http:\/\/colormyfacebook.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">this page<\/a> from your regular browser and click the Install button.<\/p>\n<h3><strong>2. Set your color<\/strong><\/h3>\n<p>Once the Color My Facebook plug-in is installed it will automatically detect when you load Facebook and apply a new color scheme. Clicking the<strong> options arrow<\/strong> on the top-right of the page will give you access to the Color My Facebook settings.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-27385\" title=\"Choose the option\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2012\/08\/color1.jpg\" alt=\"\" width=\"484\" height=\"348\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2012\/08\/color1.jpg 484w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2012\/08\/color1-300x215.jpg 300w\" sizes=\"auto, (max-width: 484px) 100vw, 484px\" \/><\/p>\n<p>When you click this option you\u2019ll be asked to \u2018Pick your color,\u2019 which you can do by clicking on the colored square.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-27387\" title=\"Pick Your Color\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2012\/08\/color21.jpg\" alt=\"\" width=\"511\" height=\"377\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2012\/08\/color21.jpg 511w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2012\/08\/color21-300x221.jpg 300w\" sizes=\"auto, (max-width: 511px) 100vw, 511px\" \/><\/p>\n<h3><strong>3. Preview your result<\/strong><\/h3>\n<p>When you select a color, the changes are applied to Facebook in real time, so you can directly preview the result of your choice.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-27388\" title=\"Pick a color\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2012\/08\/color3.jpg\" alt=\"\" width=\"598\" height=\"390\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2012\/08\/color3.jpg 598w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2012\/08\/color3-300x195.jpg 300w\" sizes=\"auto, (max-width: 598px) 100vw, 598px\" \/><\/p>\n<p>Click the <strong>Finished<\/strong> button to apply your choice of color to Facebook. If you want to revert back Facebook\u2019s original color, just disable the extension or enter the official Facebook hex color code: <strong>3B5998<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-27390\" title=\"New Face for Facebook\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/3\/2012\/08\/newfacebook.jpg\" alt=\"\" width=\"612\" height=\"465\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2012\/08\/newfacebook.jpg 612w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/3\/2012\/08\/newfacebook-300x227.jpg 300w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/><\/p>\n<p>Via <a href=\"http:\/\/onsoftware.softonic.fr\/facebook-comment-changer-la-couleur-de-son-compte\" target=\"_blank\" rel=\"noopener noreferrer\">Softonic France<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you\u2019re a long-time Facebook user then you\u2019re probably fed up of looking at that same blue and white page design, day after day, year after year. You needn\u2019t suffer any more because now it\u2019s actually possible to change the color scheme of the Facebook interface. Follow the steps below and you\u2019ll have a new-look &hellip; <a href=\"https:\/\/cms-articles.softonic.io\/en\/how-to-change-the-color-of-facebook\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to change the color of Facebook&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2006,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","wpcf-pageviews":0},"categories":[2441],"tags":[2353],"usertag":[],"vertical":[],"content-category":[],"class_list":["post-27375","post","type-post","status-publish","format-standard","hentry","category-how-to","tag-app-subdomain-redirectionfacebook"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/27375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/users\/2006"}],"replies":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/comments?post=27375"}],"version-history":[{"count":1,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/27375\/revisions"}],"predecessor-version":[{"id":333706,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/27375\/revisions\/333706"}],"wp:attachment":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/media?parent=27375"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/categories?post=27375"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/tags?post=27375"},{"taxonomy":"usertag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/usertag?post=27375"},{"taxonomy":"vertical","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/vertical?post=27375"},{"taxonomy":"content-category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/content-category?post=27375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}