{"id":13898133,"url":"https://github.com/sainnhe/gruvbox-material-vscode","last_synced_at":"2025-04-09T19:19:03.761Z","repository":{"id":36977759,"uuid":"203323229","full_name":"sainnhe/gruvbox-material-vscode","owner":"sainnhe","description":"Gruvbox Material for Visual Studio Code","archived":false,"fork":false,"pushed_at":"2023-03-01T04:59:23.000Z","size":1374,"stargazers_count":235,"open_issues_count":15,"forks_count":22,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-09T19:19:00.159Z","etag":null,"topics":["theme","visual-studio-code","vscode","vscode-theme"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=sainnhe.gruvbox-material","language":"TypeScript","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/sainnhe.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","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,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-08-20T07:28:42.000Z","updated_at":"2025-03-20T14:38:10.000Z","dependencies_parsed_at":"2024-11-19T05:21:36.949Z","dependency_job_id":null,"html_url":"https://github.com/sainnhe/gruvbox-material-vscode","commit_stats":null,"previous_names":[],"tags_count":107,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sainnhe%2Fgruvbox-material-vscode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sainnhe%2Fgruvbox-material-vscode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sainnhe%2Fgruvbox-material-vscode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sainnhe%2Fgruvbox-material-vscode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sainnhe","download_url":"https://codeload.github.com/sainnhe/gruvbox-material-vscode/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248094990,"owners_count":21046770,"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","vscode","vscode-theme"],"created_at":"2024-08-06T18:04:06.285Z","updated_at":"2025-04-09T19:19:03.722Z","avatar_url":"https://github.com/sainnhe.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n𝐆𝐫𝐮𝐯𝐛𝐨𝐱 𝐌𝐚𝐭𝐞𝐫𝐢𝐚𝐥\n\u003c/h1\u003e\n\n\u003ch2 align=\"center\"\u003e\n𝐃𝐚𝐫𝐤 𝐇𝐚𝐫𝐝 𝐅𝐥𝐚𝐭\n\u003c/h2\u003e\n\n![dark-hard-flat](https://gitlab.com/sainnhe/img/-/raw/master/gm-vsc-dark-hard-flat.png)\n\n\u003ch2 align=\"center\"\u003e\n𝐃𝐚𝐫𝐤 𝐌𝐞𝐝𝐢𝐮𝐦 𝐌𝐚𝐭𝐞𝐫𝐢𝐚𝐥\n\u003c/h2\u003e\n\n![dark-medium-material](https://gitlab.com/sainnhe/img/-/raw/master/gm-vsc-dark-medium-material.png)\n\n\u003ch2 align=\"center\"\u003e\n𝐃𝐚𝐫𝐤 𝐒𝐨𝐟𝐭 𝐇𝐢𝐠𝐡 𝐂𝐨𝐧𝐭𝐫𝐚𝐬𝐭\n\u003c/h2\u003e\n\n![dark-soft-high-contrast](https://gitlab.com/sainnhe/img/-/raw/master/gm-vsc-dark-soft-high-contrast.png)\n\n\u003ch2 align=\"center\"\u003e\n𝐋𝐢𝐠𝐡𝐭 𝐇𝐚𝐫𝐝 𝐅𝐥𝐚𝐭\n\u003c/h2\u003e\n\n![light-hard-flat](https://gitlab.com/sainnhe/img/-/raw/master/gm-vsc-light-hard-flat.png)\n\n\u003ch2 align=\"center\"\u003e\n𝐋𝐢𝐠𝐡𝐭 𝐌𝐞𝐝𝐢𝐮𝐦 𝐌𝐚𝐭𝐞𝐫𝐢𝐚𝐥\n\u003c/h2\u003e\n\n![light-medium-material](https://gitlab.com/sainnhe/img/-/raw/master/gm-vsc-light-medium-material.png)\n\n\u003ch2 align=\"center\"\u003e\n𝐋𝐢𝐠𝐡𝐭 𝐒𝐨𝐟𝐭 𝐇𝐢𝐠𝐡 𝐂𝐨𝐧𝐭𝐫𝐚𝐬𝐭\n\u003c/h2\u003e\n\n![light-soft-high-contrast](https://gitlab.com/sainnhe/img/-/raw/master/gm-vsc-light-soft-high-contrast.png)\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://marketplace.visualstudio.com/items?itemName=sainnhe.gruvbox-material\" alt=\"Marketplace\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/vscode-marketplace-blue\" /\u003e\u003c/a\u003e\n    \u003ca href=\"https://open-vsx.org/extension/sainnhe/gruvbox-material\" alt=\"Registry\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/open--vsx-registry-green\" /\u003e\u003c/a\u003e\n    \u003ca href=\"https://github.com/sainnhe/gruvbox-material-vscode\" alt=\"Repository\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/github-repository-blueviolet\" /\u003e\u003c/a\u003e\n    \u003ca href=\"https://github.com/sainnhe/gruvbox-material-vscode/issues\" alt=\"Issues\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/issue-feedback-red\" /\u003e\u003c/a\u003e\n    \u003ca href=\"https://vscode.dev/theme/sainnhe.gruvbox-material\" alt=\"Preview\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/preview-vscode.dev-yellow\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\nThis color scheme is a port of [Gruvbox Material](https://github.com/sainnhe/gruvbox-material) for Visual Studio Code and its forks.\n\n\u003e Gruvbox Material is a modified version of [Gruvbox](https://github.com/morhetz/gruvbox), the contrast is adjusted to be softer in order to protect developers' eyes.\n\nThere are 3 palettes available in this color scheme, the screenshots above only show the `material` palette. See [sainnhe/gruvbox-material](https://github.com/sainnhe/gruvbox-material) for a preview of all palettes.\n\n## Features\n\n- Carefully designed color palette for eye protection.\n- Switch back to the original color palette whenever you like.\n- Customizable.\n- Rich support for common file types.\n- Semantic highlighting support.\n- Italic support.\n\n\u003cdetails\u003e\n  \u003csummary\u003eOptimized File Types and Syntax Extensions: (\u003cb\u003eclick on this line to expand\u003c/b\u003e)\u003c/summary\u003e\n\nThe following file types and syntax extensions are basically optimized, but there might be some bugs and mistakes, feedback is welcome :)\n\n- **Assembly:** [MASM](https://marketplace.visualstudio.com/items?itemName=bltg-team.masm)\n- **C#:** builtin\n- **C++:** buildin, [C/C++](https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools), [Better C++ Syntax](https://marketplace.visualstudio.com/items?itemName=jeff-hykin.better-cpp-syntax)\n- **C:** builtin, [C/C++](https://marketplace.visualstudio.com/items?itemName=ms-vscode.cpptools)\n- **Clojure:** builtin\n- **CMake:** [CMake](https://marketplace.visualstudio.com/items?itemName=twxs.cmake)\n- **CoffeeScript:** builtin\n- **CSS:** builtin\n- **Dart:** [Dart](https://marketplace.visualstudio.com/items?itemName=Dart-Code.dart-code)\n- **Diff:** builtin\n- **Dockerfile:** builtin, [vscode-docker-syntax](https://marketplace.visualstudio.com/items?itemName=dunstontc.vscode-docker-syntax), [Better Dockerfile Syntax](https://marketplace.visualstudio.com/items?itemName=jeff-hykin.better-dockerfile-syntax)\n- **Elixir:** [vscode-elixir](https://marketplace.visualstudio.com/items?itemName=mjmcloug.vscode-elixir)\n- **Elm:** [elm](https://marketplace.visualstudio.com/items?itemName=Elmtooling.elm-ls-vscode)\n- **Erlang:** [erlang](https://marketplace.visualstudio.com/items?itemName=pgourlain.erlang)\n- **F#:** builtin\n- **Fish:** [fish-vscode](https://marketplace.visualstudio.com/items?itemName=skyapps.fish-vscode)\n- **Fortran:** [Modern Fortran](https://marketplace.visualstudio.com/items?itemName=krvajalm.linter-gfortran)\n- **Git:** builtin\n- **Go:** builtin\n- **GraphQL:** [GraphQL](https://marketplace.visualstudio.com/items?itemName=Prisma.vscode-graphql), [GraphQL for VSCode](https://marketplace.visualstudio.com/items?itemName=kumar-harsh.graphql-for-vscode)\n- **Groovy:** builtin\n- **Haskell:** [Haskell Syntax Highlighting](https://marketplace.visualstudio.com/items?itemName=justusadam.language-haskell)\n- **Html:** builtin\n- **Java:** builtin\n- **JavaScript:** builtin ([~~Babel JavaScript~~](https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel) not recommend [#6](https://github.com/sainnhe/gruvbox-material-vscode/issues/6))\n- **JSON:** builtin\n- **JSX:** builtin\n- **Julia:** [Julia](https://marketplace.visualstudio.com/items?itemName=julialang.language-julia)\n- **Kotlin:** [Kotlin Language](https://marketplace.visualstudio.com/items?itemName=mathiasfrohlich.Kotlin)\n- **LaTex:** [LaTex](https://marketplace.visualstudio.com/items?itemName=torn4dom4n.latex-support)\n- **LESS:** builtin\n- **Lisp:** [Lisp](https://marketplace.visualstudio.com/items?itemName=mattn.Lisp)\n- **Lua:** builtin, [Lua Plus](https://marketplace.visualstudio.com/items?itemName=jep-a.lua-plus)\n- **Makefile:** builtin\n- **Markdown:** builtin\n- **ObjectiveC:** builtin\n- **Perl:** builtin\n- **PHP:** builtin\n- **PowerShell:** builtin\n- **Protobuf:** [vscode-proto3](https://marketplace.visualstudio.com/items?itemName=zxh404.vscode-proto3)\n- **Pug:** builtin\n- **PureScript:** [PureScript IDE](https://marketplace.visualstudio.com/items?itemName=nwolverson.ide-purescript)\n- **Python:** builtin, [Pylance](https://marketplace.visualstudio.com/items?itemName=ms-python.vscode-pylance)\n- **R:** builtin\n- **reStructuredText:** [reStructuredText](https://marketplace.visualstudio.com/items?itemName=lextudio.restructuredtext)\n- **Ruby:** [VSCode Ruby](https://marketplace.visualstudio.com/items?itemName=wingrunr21.vscode-ruby), [Ruby Language Colorization](https://marketplace.visualstudio.com/items?itemName=groksrc.ruby)\n- **Rust:** builtin, [Rust Analyzer](https://marketplace.visualstudio.com/items?itemName=matklad.rust-analyzer), [vscode-rust-syntax](https://marketplace.visualstudio.com/items?itemName=dunstontc.vscode-rust-syntax)\n- **SASS:** [Sass](https://marketplace.visualstudio.com/items?itemName=Syler.sass-indented)\n- **Scala:** [Scala Syntax (official)](https://marketplace.visualstudio.com/items?itemName=scala-lang.scala)\n- **Shell:** builtin, [Better Shell Syntax](https://marketplace.visualstudio.com/items?itemName=jeff-hykin.better-shellscript-syntax)\n- **SQL:** builtin\n- **Stylus:** [Stylus](https://marketplace.visualstudio.com/items?itemName=sysoev.language-stylus)\n- **Swift:** builtin\n- **Tmux:** [tmux](https://marketplace.visualstudio.com/items?itemName=malmaud.tmux)\n- **TOML:** [Better TOML](https://marketplace.visualstudio.com/items?itemName=bungcip.better-toml)\n- **TSX:** builtin\n- **TypeScript:** builtin\n- **VimL:** [vscode-viml-syntax](https://marketplace.visualstudio.com/items?itemName=dunstontc.viml)\n- **VUE:** [jcbuisson.vue](https://marketplace.visualstudio.com/items?itemName=jcbuisson.vue), [liuji-jim.vue](https://marketplace.visualstudio.com/items?itemName=liuji-jim.vue)\n- **Xml:** builtin\n- **YAML:** builtin\n\n\u003c/details\u003e\n\n## Installation\n\n1. Press extensions icon in your editor.\n2. Search for `sainnhe.gruvbox-material`.\n3. Select this extension and press `install` button.\n\n## Usage\n\n1. Click the gear button in the lower left corner.\n2. Click `Color Theme`.\n3. Select Gruvbox Material in the list.\n\n## Customization\n\nThere are some configuration options available in this theme, you can customize the palette, contrast, workbench style, etc. via user settings.\n\n1. Click the gear button in the lower left corner.\n2. Click `Settings`.\n3. Select `Gruvbox Material` and change the settings.\n\n## FAQ\n\n**Q: How to enable cursive italic keywords?**\n\n**A:** The `italicKeywords` is designed to use with fonts that support cursive italic styles. To enable this feature:\n\n1. Install a font that supports cursive italic styles, for example: https://aka.sainnhe.dev/fonts\n2. Set the `gruvboxMaterial.italicKeywords` option to `true` in user settings.\n3. (optional) Set the `gruvboxMaterial.italicComments` option to `false` in user settings.\n\n## Related Projects\n\nSee this [wiki page](https://github.com/sainnhe/gruvbox-material/wiki/Related-Projects).\n\n### More Color Schemes\n\n- [Everforest](https://github.com/sainnhe/everforest-vscode)\n- [Edge](https://github.com/sainnhe/edge-vscode)\n- [Sonokai](https://github.com/sainnhe/sonokai-vscode)\n\n## Contributing\n\nSee [CONTRIBUTING.md](https://github.com/sainnhe/gruvbox-material-vscode/blob/master/CONTRIBUTING.md).\n\n## Credits\n\n- The color palette is based on [gruvbox](https://github.com/morhetz/gruvbox) by [@morhetz](https://github.com/morhetz)\n- The color palette is adjusted by [@sainnhe](https://github.com/sainnhe)\n- The icon is designed by [@GulajavaMinistudio](https://github.com/GulajavaMinistudio)\n- The material workbench style is designed by [@sainnhe](https://github.com/sainnhe)\n- The flat workbench style is designed by [@sainnhe](https://github.com/sainnhe)\n- The high contrast workbench style is designed by [@GulajavaMinistudio](https://github.com/GulajavaMinistudio)\n\n## Inspirations\n\n- [morhetz/gruvbox](https://github.com/morhetz/gruvbox): original gruvbox\n- [atom.io](https://atom.io): the `white` color in the dark variant\n- [zefei/cake16](https://github.com/zefei/cake16): the `black` color in the light variant\n- [material-theme/vsc-material-theme](https://github.com/material-theme/vsc-material-theme): the material workbench style\n- [Binaryify/OneDark-Pro](https://github.com/Binaryify/OneDark-Pro): the flat workbench style\n- [Monokai Pro](https://monokai.pro/vscode): the high contrast workbench style\n- [Google Material Design](https://www.material.io)\n\n## Maintainers\n\n| [![Sainnhe Park](https://avatars1.githubusercontent.com/u/37491630?s=70\u0026u=14e72916dcf467f393c532536387ec72a23747ec\u0026v=4)](https://github.com/sainnhe) | [![Zolkin Andrew](https://avatars2.githubusercontent.com/u/58516282?s=70\u0026u=87954a1cdbb355162ecbd9826b6b85525f498240\u0026v=4)](https://github.com/Z4RX) |\n| ---------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- |\n| [Sainnhe Park](https://github.com/sainnhe)                                                                                                           | [Zolkin Andrew](https://github.com/Z4RX)                                                                                                           |\n\n## License\n\n[MIT License](https://github.com/sainnhe/gruvbox-material-vscode/blob/master/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsainnhe%2Fgruvbox-material-vscode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsainnhe%2Fgruvbox-material-vscode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsainnhe%2Fgruvbox-material-vscode/lists"}