{"id":26897964,"url":"https://github.com/igorkrupenja/vscode-github-soft-theme","last_synced_at":"2026-01-08T15:50:39.199Z","repository":{"id":176759184,"uuid":"659083039","full_name":"IgorKrupenja/vscode-github-soft-theme","owner":"IgorKrupenja","description":"A modern light VSCode theme that is easy on the eyes.","archived":false,"fork":false,"pushed_at":"2024-08-03T13:36:07.000Z","size":2453,"stargazers_count":2,"open_issues_count":5,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-08-03T14:24:41.896Z","etag":null,"topics":["light-mode","theme","vscode","vscode-theme"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=IgorKrupenja.vscode-github-soft-theme","language":null,"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/IgorKrupenja.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-06-27T05:34:39.000Z","updated_at":"2024-08-03T14:24:51.403Z","dependencies_parsed_at":null,"dependency_job_id":"f1e00f22-114e-48db-9072-6bd4b1402b13","html_url":"https://github.com/IgorKrupenja/vscode-github-soft-theme","commit_stats":null,"previous_names":["igorkrupenja/vscode-github-light-soft-theme"],"tags_count":23,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgorKrupenja%2Fvscode-github-soft-theme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgorKrupenja%2Fvscode-github-soft-theme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgorKrupenja%2Fvscode-github-soft-theme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IgorKrupenja%2Fvscode-github-soft-theme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/IgorKrupenja","download_url":"https://codeload.github.com/IgorKrupenja/vscode-github-soft-theme/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246586028,"owners_count":20801026,"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":["light-mode","theme","vscode","vscode-theme"],"created_at":"2025-04-01T05:07:51.373Z","updated_at":"2026-01-08T15:50:39.159Z","avatar_url":"https://github.com/IgorKrupenja.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# GitHub Soft Theme\n\nA modern light theme for [Visual Studio Code](http://code.visualstudio.com/) with lower saturation colors. Designed to be easy on the eyes. Based on [GitHub Theme](https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme). Other sources of inspiration are [Nord](https://marketplace.visualstudio.com/items?itemName=arcticicestudio.nord-visual-studio-code), [Nord Light](https://marketplace.visualstudio.com/items?itemName=huytd.nord-light), [Night Owl](https://marketplace.visualstudio.com/items?itemName=sdras.night-owl) and [Vitesse Theme](https://marketplace.visualstudio.com/items?itemName=antfu.theme-vitesse).\n\nThe theme also offers a flatter UI with a uniform white background color for editor, panel and sidebar.\n\n## Installation\n\nUsing CLI:\n\n```sh\ncode --install-extension IgorKrupenja.vscode-github-soft-theme\n```\n\nOr from the VSCode Marketplace:\n\n1. Open the [theme page on VSCode Marketplace](https://marketplace.visualstudio.com/items?itemName=IgorKrupenja.vscode-github-soft-theme).\n2. Click on the \"Install\" button and wait for the installation to complete.\n3. Choose \"GitHub Soft\" from the list that appears.\n\n## Screenshots\n\n### TypeScript\n\n![GitHub Soft Theme with TypeScript](images/screenshot-ts.png)\n\n### React TSX\n\n![GitHub Soft Theme with React TSX](images/screenshot-tsx.png)\n\n### SCSS, panel and sidebar\n\n![GitHub Soft Theme with SCSS](images/screenshot-scss.png)\n\n## Recommended settings for other extensions\n\n### [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme)\n\n```json\n\"material-icon-theme.saturation\": 0.6,\n```\n\n### [TODO Highlight](https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight)\n\n```json\n\"todohighlight.defaultStyle\": {\n  \"color\": \"#A74047\",\n  \"backgroundColor\": \"#A7404730\",\n  \"overviewRulerColor\": \"#A74047\",\n  \"borderRadius\": \"2px\"\n},\n```\n\n### [Import Cost](https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost)\n\n```json\n\"importCost.largePackageLightColor\": \"#A74047AA\",\n\"importCost.mediumPackageLightColor\": \"#DBAB09AA\",\n\"importCost.smallPackageLightColor\": \"#22863AAA\",\n```\n\n### [Git Graph](https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph)\n\n```json\n\"git-graph.graph.colours\": [\n  \"#D73A4A\",\n  \"#28A745\",\n  \"#DCAB07\",\n  \"#0366D6\",\n  \"#5B32A3\",\n  \"#1C7C82\"\n],\n```\n\n### [Jumpy2](https://marketplace.visualstudio.com/items?itemName=DavidLGoldberg.jumpy2)\n\nNote that these have to be set through `workbench.colorCustomizations` and can be set per-theme, e.g.:\n\n```json\n\"workbench.colorCustomizations\": {\n  \"[GitHub Soft]\": {\n    \"jumpy2.labelFontColor\": \"#FFFFFF\",\n    \"jumpy2.labelBackgroundColor\": \"#5a32a3\",\n    \"jumpy2.labelBorderColor\": \"#5a32a3\",\n    \"jumpy2.checkered_labelFontColor\": \"#FFFFFF\",\n    \"jumpy2.checkered_labelBackgroundColor\": \"#5a32a3\",\n    \"jumpy2.checkered_labelBorderColor\": \"#5a32a3\"\n  }\n},\n```\n\n## Customization\n\nTo customize this theme, refer to the [color theme documentation](https://code.visualstudio.com/api/extension-guides/color-theme). For a detailed list of available color customizations, see [theme color reference](https://code.visualstudio.com/api/references/theme-color). This allows you to conveniently make minor adjustments to the theme without the need to create and manage your own theme repository.\n\n### Editor syntax highlighting\n\nYou can also [customise editor syntax highlighting](https://code.visualstudio.com/docs/getstarted/themes#_editor-syntax-highlighting). An example:\n\n```json\n\"editor.tokenColorCustomizations\": {\n  \"[GitHub Soft]\": {\n    \"textMateRules\": [\n      {\n        \"scope\": [\"variable.object.property.tsx\"],\n        \"settings\": { \"foreground\": \"#ff0000\" }\n      }\n    ]\n  }\n}\n```\n\n### Semantic highlighting\n\n[Semantic highlighting](https://code.visualstudio.com/api/language-extensions/semantic-highlight-guide) is **disabled** for this theme by default. I found the feature too flashy and distracting. If you want to enable it, add the following to your settings:\n\n```json\n\"editor.semanticHighlighting.enabled\": true,\n```\n\nIt can also be enabled per-language if needed, for example:\n\n```json\n\"[typescript]\": {\n  \"editor.semanticHighlighting.enabled\": true\n},\n```\n\n## Changelog\n\nSee [CHANGELOG.md](CHANGELOG.md) for details.\n\n### 1.2.7\n\n- Fix version info in Readme and changelog.\n\n### 1.2.6\n\n- Reduce packaged extension size 50x by removing unnecessary files.\n\n### 1.2.5\n\n- Fix typo in Readme.\n\n### 1.2.3\n\n- Fix version info in Readme and changelog.\n\n### 1.2.1\n\n- Fixed a broken link and other minor issues in Readme.\n- Added recommended colors for [Jumpy2 extension](https://marketplace.visualstudio.com/items?itemName=DavidLGoldberg.jumpy2).\n\n### 1.2.0\n\n- Made git conflicted resource color less saturated.\n\n### 1.1.0\n\n- Made editor ruler color match other theme colors.\n- Made editor range highlight color (`editor.rangeHighlightBackground`) less saturated.\n- Made GraphQL syntax highlighting colors less saturated.\n- Changed type color to brown(ish) to make it more distinct and have brightness better matching other colors. Previously it was too similar to the color of unused variables.\n- Made TS/TSX primitive type color match other types.\n- Made [testing colors](https://code.visualstudio.com/api/references/theme-color#testing-colors) match other theme colors.\n\n## To do\n\n- Investigate changing markdown preview code block colors, [#8](https://github.com/IgorKrupenja/vscode-github-soft-theme/issues/8).\n\n## Feedback\n\nIf you like the theme, please add a review here or star on [GitHub](https://github.com/IgorKrupenja/vscode-github-soft-theme).\n\nIf you have suggestions, please open an [issue](https://github.com/IgorKrupenja/vscode-github-soft-theme/issues/new) or, even better, a [pull request](https://github.com/IgorKrupenja/vscode-github-soft-theme/pulls).\n\nYou can also create issues or Readme PRs for other extensions that you think should be included in the recommended settings.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Figorkrupenja%2Fvscode-github-soft-theme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Figorkrupenja%2Fvscode-github-soft-theme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Figorkrupenja%2Fvscode-github-soft-theme/lists"}