{"id":13425799,"url":"https://github.com/anotherglitchinthematrix/monochrome","last_synced_at":"2025-12-25T10:44:46.967Z","repository":{"id":48930139,"uuid":"250552320","full_name":"anotherglitchinthematrix/monochrome","owner":"anotherglitchinthematrix","description":"Monochromatic theme collection, for those who seeks.","archived":false,"fork":false,"pushed_at":"2023-08-03T06:18:13.000Z","size":6901,"stargazers_count":163,"open_issues_count":8,"forks_count":13,"subscribers_count":0,"default_branch":"master","last_synced_at":"2024-12-31T07:27:30.071Z","etag":null,"topics":["theme","visual-studio-code","visual-studio-extension"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=anotherglitchinthematrix.monochrome","language":"JavaScript","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/anotherglitchinthematrix.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2020-03-27T14:13:53.000Z","updated_at":"2024-12-27T12:53:07.000Z","dependencies_parsed_at":"2024-01-15T15:43:41.226Z","dependency_job_id":"173d6e9b-b524-425f-8464-d84e3a49c8a5","html_url":"https://github.com/anotherglitchinthematrix/monochrome","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anotherglitchinthematrix%2Fmonochrome","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anotherglitchinthematrix%2Fmonochrome/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anotherglitchinthematrix%2Fmonochrome/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anotherglitchinthematrix%2Fmonochrome/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/anotherglitchinthematrix","download_url":"https://codeload.github.com/anotherglitchinthematrix/monochrome/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243790939,"owners_count":20348378,"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":["theme","visual-studio-code","visual-studio-extension"],"created_at":"2024-07-31T00:01:19.171Z","updated_at":"2025-12-25T10:44:46.960Z","avatar_url":"https://github.com/anotherglitchinthematrix.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./icon.png\" width=\"128\"/\u003e\n\u003c/p\u003e\n\n# Monochrome\n\nMonochrome is a monochromatic\u003csup\u003e[1]\u003c/sup\u003e theme collection for **Visual Studio Code**.\n\n1. Except for warning and error colors in the explorer panel, since it would be hard to tell the difference between them. They also helps to improve the productivity by annoying you when the colors disturbs the visual integrity of the monochromatic screen, so you can feel accomplishment and relief when you get rid of the problems.\n\n### Table of Content\n\n1. [Previews](#previews)\n2. [Base Colors](#base-colors)\n3. [Fine Tunings](#fine-tunings)\n4. [Suggested Settings](#suggested-settings)\n\n## Previews\n\nClick to enlarge the previews.\n\n|                       Name | Preview                                                                                                      |\n| -------------------------: | ------------------------------------------------------------------------------------------------------------ |\n|            Monochrome Dark | [\u003cimg src=\"./preview/monochrome-dark.png\" width=\"128\"\u003e](./preview/monochrome-dark.png)                       |\n|           Monochrome Light | [\u003cimg src=\"./preview/monochrome-light.png\" width=\"128\"\u003e](./preview/monochrome-light.png)                     |\n|     Monochrome Dark Subtle | [\u003cimg src=\"./preview/monochrome-dark-subtle.png\" width=\"128\"\u003e](./preview/monochrome-dark-subtle.png)         |\n|    Monochrome Light Subtle | [\u003cimg src=\"./preview/monochrome-light-subtle.png\" width=\"128\"\u003e](./preview/monochrome-light-subtle.png)       |\n|  Monochrome Dark Amplified | [\u003cimg src=\"./preview/monochrome-dark-amplified.png\" width=\"128\"\u003e](./preview/monochrome-dark-amplified.png)   |\n| Monochrome Light Amplified | [\u003cimg src=\"./preview/monochrome-light-amplified.png\" width=\"128\"\u003e](./preview/monochrome-light-amplified.png) |\n|  Monochrome Dark Cool Gray | [\u003cimg src=\"./preview/monochrome-dark-cool-gray.png\" width=\"128\"\u003e](./preview/monochrome-dark-cool-gray.png)   |\n| Monochrome Light Cool Gray | [\u003cimg src=\"./preview/monochrome-light-cool-gray.png\" width=\"128\"\u003e](./preview/monochrome-light-cool-gray.png) |\n\n## Base Colors\n\nAs one should be expecting from a _monochromatic_ color scheme, there isn't much of them. There is just **Background** and **Foreground**, rest of the color scheme generated by tweaking the alpha channel of the **Foreground**.\n\n|            Name | Foreground | Background |\n| --------------: | :--------: | :--------: |\n|            Dark |  #EBEBEB   |  #101010   |\n|           Light |  #101010   |  #EBEBEB   |\n|     Dark Subtle |  #F1F5F9   |  #0A1219   |\n|    Light Subtle |  #0A1219   |  #F1F5F9   |\n|  Dark Amplified |  #FFFFFF   |  #000000   |\n| Light Amplified |  #000000   |  #FFFFFF   |\n|  Dark Cool Gray |  #111827   |  #F9FAFB   |\n| Light Cool Gray |  #F9FAFB   |  #111827   |\n\n## Fine Tunings\n\nWith the help of the new generator script, you can easily modify an existing color scheme or create a new one.\n\nAs an example, let's say you want to increase the overall readability of the `monochrome-dark`, in order to do that, head over the `src/themes.js` file and find the theme definition of the scheme that you want to modify, then append the `amplifier: factor` line to the theme definition like in the example below, this will modify the **foreground multipliers** by the given amount.\n\n```javascript\n  theme({\n    name: \"monochrome-dark\",\n    background: \"#101010\",\n    foreground: \"#EBEBEB\",\n    amplifier: 1.5,\n  }),\n```\n\nYou can also override theme definitions either with a **foreground multiplier** or a color like in the example below.\n\n```javascript\n  theme({\n    name: \"monochrome-dark\",\n    background: \"#101010\",\n    foreground: \"#EBEBEB\",\n    override: {\n      color: {\n        \"badge.background\": 1,\n        \"badge.foreground\": 0,\n        \"editorLineNumber.foreground\": 0.10196078431372549,\n        \"button.background\": \"#FF0000\",\n      }\n    }\n  }),\n```\n\nRun the script below to automatically generate the themes on file modifications.\n\n```shell\n$ pnpm run start\n```\n\nRun the script below to build themes.\n\n```shell\n$ pnpm run build\n```\n\n## Suggested Settings\n\nYou can apply the settings below for a minimalist layout that fits well into the monochromatic screen.\n\n```json\n{\n  \"breadcrumbs.enabled\": false,\n  \"breadcrumbs.icons\": false,\n  \"editor.colorDecorators\": false,\n  \"editor.cursorBlinking\": \"solid\",\n  \"editor.cursorStyle\": \"block\",\n  \"editor.find.addExtraSpaceOnTop\": false,\n  \"editor.fontFamily\": \"'IBM Plex Mono', monospace\",\n  \"editor.fontSize\": 16,\n  \"editor.links\": false,\n  \"editor.minimap.enabled\": false,\n  \"editor.occurrencesHighlight\": false,\n  \"editor.renderLineHighlight\": \"all\",\n  \"editor.renderWhitespace\": \"none\",\n  \"editor.roundedSelection\": false,\n  \"editor.scrollbar.horizontal\": \"visible\",\n  \"editor.scrollbar.vertical\": \"visible\",\n  \"editor.selectionHighlight\": false,\n  \"editor.showFoldingControls\": \"always\",\n  \"terminal.integrated.fontFamily\": \"'IBM Plex Mono', monospace\",\n  \"terminal.integrated.fontWeight\": \"300\",\n  \"workbench.editor.showIcons\": false,\n  \"workbench.editor.tabCloseButton\": \"off\",\n  \"workbench.iconTheme\": null,\n  \"workbench.tree.indent\": 14,\n  \"workbench.tree.renderIndentGuides\": \"none\"\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanotherglitchinthematrix%2Fmonochrome","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanotherglitchinthematrix%2Fmonochrome","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanotherglitchinthematrix%2Fmonochrome/lists"}