{"id":17023597,"url":"https://github.com/edheltzel/vscode-better-solarized","last_synced_at":"2025-12-11T21:55:04.340Z","repository":{"id":47332544,"uuid":"96131437","full_name":"edheltzel/vscode-better-solarized","owner":"edheltzel","description":"☯ A better Solarized theme for Visual Studio Code","archived":false,"fork":false,"pushed_at":"2024-05-28T16:27:58.000Z","size":8836,"stargazers_count":36,"open_issues_count":0,"forks_count":8,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-05-29T03:09:36.527Z","etag":null,"topics":["solarized","solarized-dark-theme","solarized-theme","visual-studio-code","vscode","vscode-extension","vscode-theme","vscode-themes"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=ginfuru.ginfuru-better-solarized-dark-theme","language":"Nunjucks","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/edheltzel.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":"2017-07-03T16:39:40.000Z","updated_at":"2024-06-15T23:31:25.761Z","dependencies_parsed_at":"2024-03-30T11:31:41.903Z","dependency_job_id":"349ad047-3ead-44e2-a7f3-b9ce6f7c35bb","html_url":"https://github.com/edheltzel/vscode-better-solarized","commit_stats":null,"previous_names":[],"tags_count":38,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edheltzel%2Fvscode-better-solarized","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edheltzel%2Fvscode-better-solarized/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edheltzel%2Fvscode-better-solarized/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/edheltzel%2Fvscode-better-solarized/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/edheltzel","download_url":"https://codeload.github.com/edheltzel/vscode-better-solarized/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243858016,"owners_count":20359261,"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":["solarized","solarized-dark-theme","solarized-theme","visual-studio-code","vscode","vscode-extension","vscode-theme","vscode-themes"],"created_at":"2024-10-14T07:13:39.608Z","updated_at":"2025-12-11T21:55:04.335Z","avatar_url":"https://github.com/edheltzel.png","language":"Nunjucks","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"https://raw.github.com/ginfuru/vscode-better-solarized-dark/master/images/better-solarized-theme-poster.jpg\" alt=\"better solarized poster\"\u003e\n\u003c/div\u003e\n\u003cbr\u003e\u003cbr\u003e\n\n# The Original Better Solarized + Selenized [![release](https://img.shields.io/github/release/edheltzel/vscode-better-solarized.svg?style=for-the-badge\u0026logo=github\u0026logoColor=white\u0026colorA=101119\u0026colorB=073642)](https://github.com/edheltzel/flightdeck/releases/latest)\n\n## Please ⭐ Star this project if you like it\n\nThis is an improvement to the built-in/original Solarized theme that comes with Visual Studio Code. It leverages [Boxy Solarized Theme](https://github.com/bofm/sublime-boxy-theme), with several modifications, tweaks, and customizations. Better Solarized will always draw inspiration from the original [Solarized](https://github.com/altercation/solarized) project and now includes the [Selenized](https://github.com/jan-warchol/selenized/blob/master/whats-wrong-with-solarized.md) color palette.\n\nFive(5) variants:\n\n1. Solarized Dark\n2. Solarized Light\n3. Solarized Dark with Italics\n4. Selenized Dark\n5. Selenized Light\n\n### Featured on\n\n- [vscode.email](https://mailchi.mp/vscode/80?e=b9d3c8f738) newsletter.\n- located on several VSCode Theme Lists.\n\n## Additional Customization and other Tweaks\n\n**See something that you'd rather change?**\n\nNo problem, feel free to edit and customize by using the `workbench.colorCustomizations` setting. Check out the [Theme Color Reference](https://code.visualstudio.com/docs/getstarted/theme-color-reference) for additional options.\n\nOpen up your `settings.json` and hack way.\n\n```json\n\"workbench.colorCustomizations\":{\n  \"peekView.border\": \"#E50A69AB\",\n  \"peekViewTitle.background\": \"#002b36\",\n  \"peekViewResult.background\": \"#00212b\",\n  \"peekViewEditor.background\": \"#002b36\",\n  \"peekViewEditor.matchHighlightBackground\": \"#00212bAB\",\n  \"editorBracketHighlight.foreground1\": \"#cdcdcdff\",\n  \"editorBracketHighlight.foreground2\": \"#b58900ff\",\n  \"editorBracketHighlight.foreground3\": \"#d33682ff\",\n},\n  \"editor.tokenColorCustomizations\": {\n    \"[Better Solarized Dark]\": {\n      \"textMateRules\": [\n        {\n          \"scope\": \"support.type.property-name.table.toml\",\n          \"settings\": {\n            \"foreground\": \"#FDF6E3\",\n            \"fontStyle\": \"bold\"\n          }\n        }\n      ]\n    }\n  },\n```\n\nThis is just an example, you can customize any color you want)\n\n## ScreenShots\n\n| Better Solarized                                                                                                                       | Better Selenized                                                                                                                       |\n| -------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- |\n| ![solarized Dark](https://raw.github.com/ginfuru/vscode-better-solarized-dark/master/images/better-solarized-dark.png)                 | ![selenized Dark](https://raw.github.com/ginfuru/vscode-better-solarized-dark/master/images/better-selenized-dark.png)                 |\n| ![solarized Light](https://raw.github.com/ginfuru/vscode-better-solarized-dark/master/images/better-solarized-light.png)               | ![selenized Light](https://raw.github.com/ginfuru/vscode-better-solarized-dark/master/images/better-selenized-light.png)               |\n| ![solarized Dark Peek](https://raw.github.com/ginfuru/vscode-better-solarized-dark/master/images/better-solarized-dark-peek.png)       | ![selenized Dark Peek](https://raw.github.com/ginfuru/vscode-better-solarized-dark/master/images/better-selenized-dark-peek.png)       |\n| ![solarized Light Peek](https://raw.github.com/ginfuru/vscode-better-solarized-dark/master/images/better-solarized-light-peek.png)     | ![selenized Light Peek](https://raw.github.com/ginfuru/vscode-better-solarized-dark/master/images/better-selenized-light-peek.png)     |\n| ![solarized Dark Terminal](https://raw.github.com/ginfuru/vscode-better-solarized-dark/master/images/better-solarized-dark-term.png)   | ![selenized Dark Terminal](https://raw.github.com/ginfuru/vscode-better-solarized-dark/master/images/better-selenized-dark-term.png)   |\n| ![solarized Light Terminal](https://raw.github.com/ginfuru/vscode-better-solarized-dark/master/images/better-solarized-light-term.png) | ![selenized Light Terminal](https://raw.github.com/ginfuru/vscode-better-solarized-dark/master/images/better-selenized-light-term.png) |\n\n## Development\n\nSo theme development is a little unique, in the fact that I've chosen to use [Eleventy](https://11ty.dev) to generate the JSON files using Nunjucks for templates. Eleventy is very versatile without an opinionated structure, which is why I use it.\n\nEach theme is generated from the `./src/data/themes.js` file and has a companion Nunjucks template in `./src` which is then compiled into the `./themes` directory.\n\n### Getting Started\n\n1. Clone the repository `gh repo clone edheltzel/vscode-better-solarized \u0026\u0026 cd vscode-better-solarized`\n2. Run `pnpm install`\n3. Execute the **run without debugging**: `Run \u003e Run without debugging` OR `ctrl + F5` (see: [VSCode Debugging](https://code.visualstudio.com/Docs/editor/debugging#_run-mode)) to start development.\n4. Either open the terminal and run `pnpm run serve` or run a task with the command prompt `Tasks: Run Task` and select `npm: serve` (Either option works - I personally run the task inside of the terminal).\n5. To edit the theme colors open the `./src/data/themes.js` file and edit the colors as needed and/or edit any of the Nunjucks files in the `./src` directory.\n\n#### NPM Scripts\n\n```shell\nLifecycle scripts:\n  publish\n    vsce publish\n  release\n    gh release create v%npm_package_version% --generate-notes --latest\n\nCommands available via \"pnpm run\":\n  build\n    pnpm dlx @11ty/eleventy\n  serve\n    pnpm dlx @11ty/eleventy --watch\n```\n\n- `pnpm run build` - Builds the theme files for production\n- `pnpm run serve` - Builds the theme files and watches for changes\n- `pnpm run release` - Creates a new release using the current version in `package.json`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fedheltzel%2Fvscode-better-solarized","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fedheltzel%2Fvscode-better-solarized","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fedheltzel%2Fvscode-better-solarized/lists"}