{"url":"https://userstyles.org/styles/15215/facebook-inverted-and-therefore-dark","name":"Facebook Inverted (and therefore Dark)","description":"DO NOT USE THIS BUTTON ==\u003e\r\n\r\nThis CSS wasn't designed, it was generated. Facebook's CSS structure is too convoluted to do otherwise if one wants to invert /everything/.\r\n\r\nTherefore, this is FAR bigger than the size allowed by userstyles.org. It clocks in at \u003e1MB, but actually doesn't appear to kill my machine when running, so I'm happy. A sample of 60000-odd characters worth of rules is below. At user 2797's suggestion, I've moved the host to Google Sites: \r\n\r\n/* THE MOST IMPORTANT PART OF THIS DESCRIPTION */\r\nhttp://sites.google.com/site/fbinvert/Home/facebookinvert.css\r\n/*END SHOUT TAGS*/\r\n\r\n\r\nI recommend this be used in conjunction with style 15138 (this is what I personally do). For example, that will fix the lines around the attachment items (by hiding them altogether!).\r\n\r\n\r\nThe code I used to generate this (again, at user 2797's request) is also available there. \r\nhttp://sites.google.com/site/fbinvert/python-code\r\n\r\nTherefore, the following operations were performed (some manually, mostly using a Python script and ImageMagick):\r\n1. Open a pile of different Facebook pages.\r\n2. Download the linked CSS files.\r\n3. Delete all the Comments\r\n4. Select only the rules that have images or colours\r\n5. Invert all the colours\r\n6. Invert all the images. Convert them to Data URIs and embed them in the CSS\r\n7. Mark everything  \"!important\"\r\n8. Remove duplicates and sort it.\r\n9. Manually fix problems the script can't [e.g. rounded image borders]\r\n\r\nIf you find any pages that don't seem to be inverted and you don't have any other Facebook skins on, then leave it in the comments, which I will check.\r\n\r\nUpdate Log:\r\n10/23: Fixed spritemap, updated to changes to NewsFeed.\r\n09/20: Updated again. Let me know if I've missed anything.\r\n08/27: Update due to Facebook Changes. \r\n08/18: Realized I'd missed inverting Event and Group pages. Fixed that.\r\n08/17: Reran this from scratch. A number of duplicate icons and the like should now be fixed. Text-shadows now work properly. I've also updated the python code.\r\n08/06: Profiles need fixing. I'll do that after exams.\r\n08/02: @ user 25724, that's because when you reload a style its rules [everything marked important] take precedence over all other styles that you'd already loaded. The only way around it is to turn off your styles and then turn them on in the right order.\r\n08/01: @ user 26064, if you're using the code on this page, I agree, it'd look terrible. You have to download it here: http://sites.google.com/site/fbinvert/Home/facebookinvert.css [userstyles doesn't let me upload more than 60,000 char, and the latest version is around 2.5 million.] If you still think that's sloppy, then... there's not much I can say.\r\n07/28: I'm aware fb broke a few things. I'll fix it soon.\r\n07/19: Fixed comment nub repeating (fb change). Also fixed text-shadows in chat.\r\n07/16: Added fixes to fb changing comment text.\r\n07/10: Fixed Broken icon pack\r\n07/08: Added fixes to fb changes.\r\n07/01: Old method for getting black rounded corners is no longer working; am now using outlines and outline-radius to simulate it. Greasemonkey is probably a better way of doing it. Added various other new stylesheets while at it.\r\n06/24: Adapted to Status Composer\r\n06/19: Fixed a number of sprites changing, big white status changer that user 12011 thought should be dark.\r\n05/21: Fixed problem reported by user 18477. I'd noticed it before, but didn't have a notification bubble to test against when I wanted to fix it. The zip is updated. If you don't want to update it, just comment out line 637, beginning \"#presence_bar\"\r\n05/14: Found areas that hadn't been inverted, inverted them.\r\n04/28: Got rid of the white line that had popped up in the presence bar. Fixed the NewsFeed Filter colours. \r\n03/28: The icon pack broke, now fixed. Depending on the day, I waver between normal-colour images and inverted images. Today, it's inverted images.\r\n03/18: Updated to the latest fb. Apologies to user 18450 for taking... 5 days since the redesign. I've been updating my main style (style 10335). I also did some things not automated by the generator, including making all pictures have rounded corners. I also decided the skin looked better if the icons were not inverted. Screenshots are taken down until I get the time to take a new one and do the whole blurring thing. \r\n02/28: Reloaded, having eliminated some duplication, fixed some problems with the generator, and found more fb stylesheets to import. Added pictures.\r\n\r\n********\r\nNB: If  you want this to work properly, the \"Load Into Stylish Button\" will not be sufficient. Download the file I listed earlier and copy its contents into Stylish.\r\n********","author":"Hegemon","created":"2009-02-21T20:12:22.000Z","created_ago":"over 17 years","updated":"2009-08-18T14:58:37.000Z","updated_ago":"almost 17 years","category":"site","subcategory":"facebook","weekly_installs":5,"total_installs":21112,"rating":"none","isPremium":false,"screenshot":"https://userstyles.org/auto_style_screenshots/15215-after-thumbnail.png?r=1781107375","license":null}