{"id":21487589,"url":"https://github.com/dtinth/dark-facebook","last_synced_at":"2025-07-15T15:31:26.387Z","repository":{"id":1902906,"uuid":"2829822","full_name":"dtinth/dark-facebook","owner":"dtinth","description":"[UNMAINTAINED] A dark theme for Facebook. Available as a Stylish user skin and a custom theme in Social Fixer for Facebook.","archived":false,"fork":false,"pushed_at":"2016-12-12T04:25:10.000Z","size":3100,"stargazers_count":35,"open_issues_count":28,"forks_count":10,"subscribers_count":6,"default_branch":"dfb2","last_synced_at":"2025-04-09T06:12:02.499Z","etag":null,"topics":["google-app-engine","less","yaml"],"latest_commit_sha":null,"homepage":"http://dtinth.github.com/dark-facebook/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dtinth.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2011-11-22T18:16:25.000Z","updated_at":"2025-04-02T07:37:57.000Z","dependencies_parsed_at":"2022-08-25T02:21:07.858Z","dependency_job_id":null,"html_url":"https://github.com/dtinth/dark-facebook","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dtinth/dark-facebook","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dtinth%2Fdark-facebook","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dtinth%2Fdark-facebook/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dtinth%2Fdark-facebook/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dtinth%2Fdark-facebook/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dtinth","download_url":"https://codeload.github.com/dtinth/dark-facebook/tar.gz/refs/heads/dfb2","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dtinth%2Fdark-facebook/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265443422,"owners_count":23766407,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["google-app-engine","less","yaml"],"created_at":"2024-11-23T13:29:43.197Z","updated_at":"2025-07-15T15:31:25.982Z","avatar_url":"https://github.com/dtinth.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# UNMAINTAINED (see [#74](https://github.com/dtinth/dark-facebook/issues/74))\n\ndark-facebook 2 [![Build Status](https://travis-ci.org/dtinth/dark-facebook.svg?branch=dfb2)](https://travis-ci.org/dtinth/dark-facebook)\n===============\n\n__dark-facebook__ is a dark theme for facebook that you can install in your browser.\n\n\nUsage\n-----\n\nSee the [website](https://dtinth.github.io/dark-facebook/)\n\n\nContributing\n------------\n\nBecause facebook is a big website,\nyour contribution would help this theme become more complete.\n\nPlease check out:\n\n* [the theming process](docs/theming-process.md),\n* [the contribution guidelines](CONTRIBUTING.md), and\n* the development section, below.\n\n\nDevelopment\n-----------\n\n1. First, install Node.js.\n2. Download the source code.\n3. And run `npm install` to install the dependencies.\n4. Start the development server: `node server.js`\n5. Download and install the extensions for your browser:\n    - [Firefox .xpi](https://dl.dropboxusercontent.com/u/25097375/dark-facebook/dfb2.xpi) ([signature](https://dl.dropboxusercontent.com/u/25097375/dark-facebook/dfb2.xpi.asc)) ([source](firefox))\n    - [Chrome .crx](https://dl.dropboxusercontent.com/u/25097375/dark-facebook/chrome.crx) ([signature](https://dl.dropboxusercontent.com/u/25097375/dark-facebook/chrome.crx.asc)) ([source](chrome))\n    - You can verify file integrity using [Keybase](https://keybase.io). My account is [dtinth](https://keybase.io/dtinth).\n6. Disable the dark theme in Stylish/Social Fixer.\n7. When you go to Facebook, you should see: \"Develop dark-facebook\" button at the bottom-right corner of the screen. Click that button.\n8. Facebook should become dark.\n\n\nHistory\n-------\n\n### The Second Generation\n\nThe first version suffers several serious problems:\n\n* It overrides the colors of every elements (making all elements transparent, and start adding colors from there).\n    * First, it triggered facebook's __High Contrast__ mode.\n    * Also, a lot of unthemed components are totally unreadable.\n* All code is in one file, making it easy to write at first, but soon it became extremely unmaintainable, and it's not contribution-friendly.\n* Facebook likes to change CSS classes easily.\n\n\n### The Next Approach\n\n* __Separate the component styles from facebook's selectors.__\n  Since facebook likes to change CSS classes,\n  we should not depend on them too much.\n  Our approach is to give each and every component a name,\n  then have a \"selector definition\" file that maps a selector to appropriate component.\n* __Work in multiple files,__\n  making it easier to search for things.\n* __Better documentation.__\n  The selector definition file should contain human-readable and descriptive information about each component:\n  What does this component refer to on facebook,\n  and where to find it.\n* __Contribution friendly.__\n  I should invest more time in making this project as documentation-friendly as possible.\n* __No Global Override.__\n  This time, we will add dark styles to facebook,\n  component by component.\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdtinth%2Fdark-facebook","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdtinth%2Fdark-facebook","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdtinth%2Fdark-facebook/lists"}