{"id":25015070,"url":"https://github.com/charlieetienne/material-github","last_synced_at":"2025-06-12T19:07:13.986Z","repository":{"id":45937855,"uuid":"164445762","full_name":"CharlieEtienne/material-github","owner":"CharlieEtienne","description":"A Material Dark Theme for GitHub","archived":false,"fork":false,"pushed_at":"2021-11-26T10:13:23.000Z","size":2888,"stargazers_count":127,"open_issues_count":6,"forks_count":16,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-06-07T21:43:35.986Z","etag":null,"topics":["material-dark-theme","material-github","material-theme","stylus","usercss","userstyles"],"latest_commit_sha":null,"homepage":"https://userstyles.org/styles/174317/material-dark-github","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/CharlieEtienne.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-01-07T14:38:06.000Z","updated_at":"2025-01-22T08:00:40.000Z","dependencies_parsed_at":"2022-09-05T18:20:10.497Z","dependency_job_id":null,"html_url":"https://github.com/CharlieEtienne/material-github","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/CharlieEtienne/material-github","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CharlieEtienne%2Fmaterial-github","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CharlieEtienne%2Fmaterial-github/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CharlieEtienne%2Fmaterial-github/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CharlieEtienne%2Fmaterial-github/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CharlieEtienne","download_url":"https://codeload.github.com/CharlieEtienne/material-github/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CharlieEtienne%2Fmaterial-github/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259519862,"owners_count":22870371,"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":["material-dark-theme","material-github","material-theme","stylus","usercss","userstyles"],"created_at":"2025-02-05T08:17:07.856Z","updated_at":"2025-06-12T19:07:13.966Z","avatar_url":"https://github.com/CharlieEtienne.png","language":"CSS","funding_links":["https://paypal.me/webnancy"],"categories":[],"sub_categories":[],"readme":"[![Install directly with Stylus](https://img.shields.io/badge/Install%20%20with-Stylus-00adad.svg?style=for-the-badge\u0026logo=stylus)](https://raw.githubusercontent.com/CharlieEtienne/material-github/master/material-github.user.css) [![Donate](https://img.shields.io/badge/Donate-PayPal-0070ba.svg?style=for-the-badge\u0026logo=paypal)](https://paypal.me/webnancy)\n\n# Material Theme for GitHub\nA Material Dark Theme for GitHub\n\nBased on awesome **[VSCode Material Theme](https://github.com/equinusocio/vsc-material-theme)** by **Mattia Astorino**\n\n![Material Theme GitHub](https://raw.githubusercontent.com/CharlieEtienne/material-github/master/material-github.gif)\n\n## How to use it\n\n1. Install **Stylus Extension** [for Chrome](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne), [for Firefox](https://addons.mozilla.org/fr/firefox/addon/styl-us/) or [for Opera](https://addons.opera.com/en-gb/extensions/details/stylus/)\n\n2. Install theme: [Click to install with Stylus](https://raw.githubusercontent.com/CharlieEtienne/material-github/master/material-github.user.css) \n\n------\n\n\u003e **IMPORTANT NOTICE - 29/05/2020**\n\u003e\n\u003e The theme moved from userstyles.org to GitHub since userstyles.org is completely broken and unmaintened. For those who already installed [this theme](https://userstyles.org/styles/174317/material-dark-github), you will need to reinstall it by clicking [this link](https://raw.githubusercontent.com/CharlieEtienne/material-github/master/material-github.user.css) if you want to get next updates and to enjoy the new configurator.\n\u003e\n\u003e It is a breaking change so you may lose some of your previous customization. Since it's a completely different theme, you will have to copy and paste your custom code into the new theme after having installed it.\n\u003e\n\u003e From 29/05/2020, the theme on https://userstyles.org/styles/174317/material-dark-github won't receive new updates.\n\n------\n\n## Settings\n![Find settings](https://raw.githubusercontent.com/CharlieEtienne/material-github/master/settings.png)\n![Options](https://raw.githubusercontent.com/CharlieEtienne/material-github/master/options.png)\n\n3 themes are available : Oceanic, Darker, Palenight\n\nOr you can choose Custom theme and play with hue, saturation, and lightness cursors to have your own variations.\n\nYou can also choose from 23 accents colors, or make your own.\n\n## Disclaimer\n\nKeeping the theme up to date is very difficult because of changes github could bring to css at any moment. \nIf the theme is broken, don't hesitate to fill an issue here.\n\n## Contributions\n\nContributions are very welcome! Feel free to suggest changes in a new issue or make a PR.\n\n### Contributions Guidelines\n\n- Please make one separate Pull Request per feat/fix.\n- Please don't change something else than colors. Don't suggest changes for things like font-size, width, height, border-radius... We want to be as close as possible to GitHub in terms of design/UI.\n- Please use CSS vars provided by Material GitHub when it's possible (ie. `var(--bg2)`):\n\n  **Background Color** (from darkest to lightest)\n\n  ```css\n  --bg1\n  --bg2\n  --bg3\n  --bg4\n  --bg5\n  --bg6\n  --bg7\n  --bg8\n  --bg9\n  --bg10\n  --bg11\n  ```\n\n  **Text Color** (from darkest to lightest)\n\n  ```css\n  --text0\n  --text1\n  --text2\n  --text3\n  --text4\n  --text5\n  --text6\n  --text7\n  --text8\n  --text9\n  --text10\n  --text11\n  ```\n\n  **Accent Color** (from lightest to darkest)\n\n  ```css\n  --selected\n  --selected2\n  --btn\n  --btn2\n  --btn3\n  --btn4\n  ```\n  \n- If GitHub uses a var (ie. `--color-bg-primary`), just redeclare it in `:root` like so:\n  \n   ```css\n  --color-bg-primary: var(--bg2);\n  ```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcharlieetienne%2Fmaterial-github","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcharlieetienne%2Fmaterial-github","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcharlieetienne%2Fmaterial-github/lists"}