sainnhe / gruvbox-material-vscode

Gruvbox Material for Visual Studio Code

𝐆𝐫𝐮𝐯𝐛𝐨𝐱 𝐌𝐚𝐭𝐞𝐫𝐢𝐚𝐥

𝐃𝐚𝐫𝐤 𝐇𝐚𝐫𝐝 𝐅𝐥𝐚𝐭

𝐃𝐚𝐫𝐤 𝐌𝐞𝐝𝐢𝐮𝐦 𝐌𝐚𝐭𝐞𝐫𝐢𝐚𝐥

𝐃𝐚𝐫𝐤 𝐒𝐨𝐟𝐭 𝐇𝐢𝐠𝐡 𝐂𝐨𝐧𝐭𝐫𝐚𝐬𝐭

𝐋𝐢𝐠𝐡𝐭 𝐇𝐚𝐫𝐝 𝐅𝐥𝐚𝐭

𝐋𝐢𝐠𝐡𝐭 𝐌𝐞𝐝𝐢𝐮𝐦 𝐌𝐚𝐭𝐞𝐫𝐢𝐚𝐥

𝐋𝐢𝐠𝐡𝐭 𝐒𝐨𝐟𝐭 𝐇𝐢𝐠𝐡 𝐂𝐨𝐧𝐭𝐫𝐚𝐬𝐭

This color scheme is a port of Gruvbox Material for Visual Studio Code and its forks.

Gruvbox Material is a modified version of Gruvbox, the contrast is adjusted to be softer in order to protect developers' eyes.

There are 3 palettes available in this color scheme, the screenshots above only show the material palette. See sainnhe/gruvbox-material for a preview of all palettes.

Features

• Carefully designed color palette for eye protection.
• Switch back to the original color palette whenever you like.
• Customizable.
• Rich support for common file types.
• Semantic highlighting support.
• Italic support.

Optimized File Types and Syntax Extensions: (click on this line to expand)

The following file types and syntax extensions are basically optimized, but there might be some bugs and mistakes, feedback is welcome :)

• Assembly: MASM
• C#: builtin
• C++: buildin, C/C++, Better C++ Syntax
• C: builtin, C/C++
• Clojure: builtin
• CMake: CMake
• CoffeeScript: builtin
• CSS: builtin
• Dart: Dart
• Diff: builtin
• Dockerfile: builtin, vscode-docker-syntax, Better Dockerfile Syntax
• Elixir: vscode-elixir
• Elm: elm
• Erlang: erlang
• F#: builtin
• Fish: fish-vscode
• Fortran: Modern Fortran
• Git: builtin
• Go: builtin
• GraphQL: GraphQL, GraphQL for VSCode
• Groovy: builtin
• Haskell: Haskell Syntax Highlighting
• Html: builtin
• Java: builtin
• JavaScript: builtin (Babel JavaScript not recommend #6)
• JSON: builtin
• JSX: builtin
• Julia: Julia
• Kotlin: Kotlin Language
• LaTex: LaTex
• LESS: builtin
• Lisp: Lisp
• Lua: builtin, Lua Plus
• Makefile: builtin
• Markdown: builtin
• ObjectiveC: builtin
• Perl: builtin
• PHP: builtin
• PowerShell: builtin
• Protobuf: vscode-proto3
• Pug: builtin
• PureScript: PureScript IDE
• Python: builtin, Pylance
• R: builtin
• reStructuredText: reStructuredText
• Ruby: VSCode Ruby, Ruby Language Colorization
• Rust: builtin, Rust Analyzer, vscode-rust-syntax
• SASS: Sass
• Scala: Scala Syntax (official)
• Shell: builtin, Better Shell Syntax
• SQL: builtin
• Stylus: Stylus
• Swift: builtin
• Tmux: tmux
• TOML: Better TOML
• TSX: builtin
• TypeScript: builtin
• VimL: vscode-viml-syntax
• VUE: jcbuisson.vue, liuji-jim.vue
• Xml: builtin
• YAML: builtin

Installation

1. Press extensions icon in your editor.
2. Search for sainnhe.gruvbox-material.
3. Select this extension and press install button.

Usage

1. Click the gear button in the lower left corner.
2. Click Color Theme.
3. Select Gruvbox Material in the list.

Customization

There are some configuration options available in this theme, you can customize the palette, contrast, workbench style, etc. via user settings.

1. Click the gear button in the lower left corner.
2. Click Settings.
3. Select Gruvbox Material and change the settings.

FAQ

Q: How to enable cursive italic keywords?

A: The italicKeywords is designed to use with fonts that support cursive italic styles. To enable this feature:

1. Install a font that supports cursive italic styles, for example: https://aka.sainnhe.dev/fonts
2. Set the gruvboxMaterial.italicKeywords option to true in user settings.
3. (optional) Set the gruvboxMaterial.italicComments option to false in user settings.

Related Projects

See this wiki page.

More Color Schemes

• Everforest
• Edge
• Sonokai

Contributing

See CONTRIBUTING.md.

Credits

• The color palette is based on gruvbox by @morhetz
• The color palette is adjusted by @sainnhe
• The icon is designed by @GulajavaMinistudio
• The material workbench style is designed by @sainnhe
• The flat workbench style is designed by @sainnhe
• The high contrast workbench style is designed by @GulajavaMinistudio

Inspirations

• morhetz/gruvbox: original gruvbox
• atom.io: the white color in the dark variant
• zefei/cake16: the black color in the light variant
• material-theme/vsc-material-theme: the material workbench style
• Binaryify/OneDark-Pro: the flat workbench style
• Monokai Pro: the high contrast workbench style
• Google Material Design

Maintainers

Sainnhe Park	Zolkin Andrew

License

MIT License

gruvbox-material-vscode's Issues

Questions and Suggestions

Now in both variants of syntax css punctuation are too pale and bad readable. Here are some examples:



Probably use white color instead in this scope? For examples color of html simple text.
"scope": "punctuation.definition.entity.css, punctuation.separator.key-value.css, punctuation.terminator.rule.css, punctuation.separator.list.comma.css", "settings": { "foreground": "#928374" }

Always required to reload on remote container

• Operating system/version: Windows 10
• VSCode version: 1.55.2

Settings

{
  "gruvboxMaterial.darkContrast": "hard",
  "gruvboxMaterial.darkCursor": "yellow",
}

Steps to reproduce this bug

Whenever I connect with the remote container extension, I get a notification that it needs to be reloaded.
Also, if you do not reload, the json settings will not be reflected.

The frame of the git commit message editor box disappears when putting a cursor in it

• Operating system/version: macOS 10.15.6 (19G73)
• VSCode version: Version: 1.47.3
  Commit: 91899dcef7b8110878ea59626991a18c8a6a1b3e
  Date: 2020-07-23T13:08:29.692Z
  Electron: 7.3.2
  Chrome: 78.0.3904.130
  Node.js: 12.8.1
  V8: 7.8.279.23-electron.0
  OS: Darwin x64 19.6.0

Settings

I have tried without some extensions installed, the bug still appears.

Steps to reproduce this bug

Put a cursor into the "source control message editor".

Actual behaviour

Without cursor, it looks good:

With a cursor inside, the frame of the box disappeared:

Expected behaviour

With a cursor inside, the frame of the box still shows.

[FEATURE REQUEST] Add the option to disable italic font on comments

I don't like much the fact that all the comments are in italic. I wish you add the option to disable/enable this. Thank you!

This project is looking for maintainers!

I am a Chinese college student majoring in telecommunication engineering, and in this year I will focus on preparing for the postgraduate entrance examination, so I will have little time to deal with issues and PRs. And since I don’t major in computer science, I cannot guarantee that I can continue to actively maintain this project in the future.

If you are familiar with typescript and would like to maintain this project, please email me [email protected] or leave a comment here.

Readability of remote connection status on hover

• Operating system/version: Windows 10 Pro 19042.630
• Extension version: 6.3.4
• VSCode version:
  • Version: 1.51.1 (user setup)
  • Commit: e5a624b788d92b8d34d1392e4c4d9789406efe8f
  • Date: 2020-11-10T23:34:32.027Z
  • Electron: 9.3.3
  • Chrome: 83.0.4103.122
  • Node.js: 12.14.1
  • V8: 8.3.110.13-electron.0
  • OS: Windows_NT x64 10.0.19042

Settings

"workbench.colorTheme": "Gruvbox Material Dark",

Steps to reproduce this bug

Hover over the remote connection box in the bottom left.

Actual behaviour

On hover, the fg text stays dark when the bg inverts to dark.

Expected behaviour

On hover, the fg text should invert to light when the bg goes dark.

Light theme color is not same at all places.

It's a bit weird to explain, simply said, colors don't match everywhere.
Look at it in the following images.

Could my graphics driver cause this?
Using Nvidia Driver version 440.44 with pop os.

Missing borders of workbench and terminal impact usability

• Operating system/version: MacOS 11.4 x64
• VSCode version:

Version: 1.58.0
Commit: 2d23c42a936db1c7b3b06f918cde29561cc47cd6
Date: 2021-07-08T06:54:17.694Z (4 days ago)
Electron: 12.0.13
Chrome: 89.0.4389.128
Node.js: 14.16.0
V8: 8.9.255.25-electron.0
OS: Darwin x64 20.5.0

Settings

    "workbench.colorTheme": "Gruvbox Material Light",
    "gruvboxMaterial.lightContrast": "hard",

Steps to reproduce this bug

Actual behaviour

it's really hard to resize the workbench or terminal in default configuration, as grab areas are of the same color as background.

Expected behaviour

It should be possible to easily locate line which could be dragged to resize the workbench and terminal.

Yes, it's possible to kind of workaround this issue by selecting in settings flat or high contrast for Workbench configuration: "gruvboxMaterial.lightWorkbench": "flat", but that also changes colorscheme of the workbench to a darker shade, which is not really ideal.

Gutter colors for diff are too dark

Markers in the gutter for diffs in the current file is way too dark to be visible.

cpp wrong string colors with colorful syntax

It looks like a bug. Colorful syntax made cpp specifiers the same color as string text.

Feature Request: Add a custom error/warning background color

Hello! In VS Code 1.52, it's now possible to add a custom background color for errors in the editor. I think that would be a great enhancement. It'll probably be easier to visualize the errors and warnings with a background color to highlight it.

Here's the link to the new VS Code feature: https://code.visualstudio.com/updates/v1_52#_error-background-colors

What do you think? :)

[TODO] ruby colorful syntax

Don't forget to optimize ruby colorful syntax too.

Current changes:

• Regexp
• Storage type
• ! hash syntax

Omnisharp c# changes the color syntax

• Operating system/version:
• VSCode version: 1.63.2

Settings

"workbench.colorCustomizations": {
        "[Gruvbox Material Dark]": {
            "notebook.outputContainerBackgroundColor": "#ff0000",
            "terminal.ansiBlack": "#131414",
            "terminal.ansiBlue": "#108156",
            "terminal.ansiBrightBlack": "#070808",
            "terminal.ansiBrightBlue": "#db9c13",
            "terminal.ansiBrightCyan": "#f8d582",
            "terminal.ansiBrightGreen": "#B8BB26",
            "terminal.ansiBrightMagenta": "#D3869B",
            "terminal.ansiBrightRed": "#FB4934",
            "terminal.ansiBrightWhite": "#FBF1C7",
            "terminal.ansiBrightYellow": "#FABD2F",
            "terminal.ansiCyan": "#8EC07C",
            "terminal.ansiGreen": "#c59a0d",
            "terminal.ansiMagenta": "#D3869B",
            "terminal.ansiRed": "#FB4934",
            "terminal.ansiWhite": "#D5C4A1",
            "terminal.ansiYellow": "#FABD2F",
            "terminal.background": "#131414",
            "terminal.foreground": "#D5C4A1",
            "terminalCursor.background": "#D5C4A1",
            "terminalCursor.foreground": "#D5C4A1"
        }
    },
    "workbench.iconTheme": "gruvbox-material-icon-theme",
    "workbench.list.smoothScrolling": true,
    "workbench.productIconTheme": "icons-carbon",

Steps to reproduce this bug

install Microsoft's c# extension
open a .cs file

Actual behaviour

when you open the .cs sheet the color remains correct for a while until omnisharp's code lens kicks in and it then switches the color
syntax to something unrecognizable

Expected behaviour

the original color syntax remains the same

Incorrect syntax of .. in Ruby

Hi, there is an issue with operator .. in Ruby language.
Include examples:
gruvbox material

dark+

[Ruby] wrong arguments separator color in method definition

method arguments separator work in progress

[Feature Request] More contrast for list selections

Hi,

I really love this theme. I use it on both vscode and vim. Thanks for the great work.

For the vscode version, I find the contrast to be really low for list selections. For example, selected file in explorer, selected file in Ctrl-tab tab switcher, etc.

Is it possible to make these have more contrast so that we can easily identify what's selected? May be darker/lighter background or a border?

Example lists:

punctuation.definition.string.begin/end

Suggestion: make the punctuation.definition.string.begin/end to "foreground": "#928374

This makes it easier to distinguish the quotation marks from the rest of the string.

greeting,
Liguma

Theme is not available on VS Code Web

Gruvbox Material theme is not available on VS Code Web.

Go to https://github.dev/sainnhe/gruvbox-material-vscode to launch this repo in VS Code Web and try to install the Gruvbox Material theme.

Django templates syntax

@sainnhe I try to made a django templates syntax for django ext. Here is a branch. Can you check it and probably optimize?

P.S. Don't forget to make file associations.

[C++] Enhanced colorization by vscode-cpptools

Micrisoft C/C++ extension gives enchanced colorization which brokes theme's one.
I think it should be disabled. But I don't know how to do it, so need your help @sainnhe
Example:

All versions not available under Linux

First of all, thanks for this great extension. The themes are really balanced and comfortable for the eye.

Nevertheless, contrary to what I have on Mac, on Ubuntu I only have Gruvbox material dark and Gruvbox material light versions available.

I hope this could be a simple fix :)

[TODO] fix ruby hash syntax

Now there is 2 ruby TS purple scopes. 1 of them should be italic other not.
Find a solution to separate them.

Somewhat inconsistent syntax coloring (esp. for TypeScript)

While I'm using this theme and I absolutely love it, I think the syntax coloring rules could be a little more consistent/cohesive.

For example right now the "switch" and "case" keywords have a different color from other control keywords like "break" and "for". Also the blue color is barely used and there's a bit too much white color.

I know these are all subjective things but I think the default "Dark+" theme has the best and the most consistent syntax coloring rules that works great across many different languages. I just wish this theme used the same syntax coloring rules too.

Enhanced colorization by extensions

For example django ext add new scopes for django templates and smtg like this. Probably we should add into FAQ or wiki smtg like supported extensions or recommended extensions. We can add support for the most popular extensions which add some special scopes. There are no issues with special scopes, cuz editor will ignore them without extensions.

This task looks similar to supporting semantic.

[DISCUSS] Syntax Higlighting Logic

Lets discuss about syntax highlighting logic , scope that need for fixing highlighting, window border design , and many more.

I dont know about logic in syntax highlighting. But maybe i can discuss about bordered panel in this theme. Maybe we can add some high contrast version, without bordering. As we can see in other theme as well.

Errors trying to regenerate themes in a read-only environment

• Operating system/version: NixOS
• VSCode version: 1.67.2

Steps to reproduce this bug

Install the extension in a read-only environment. Try to change the settings in order to modify the themes.

Actual behaviour

The logs (from --verbose) show several errors being thrown from the extension trying to write to the .flag file and trying to regenerate the themes.

[6905:0526/233721.619877:INFO:CONSOLE(71)] "%c[Extension Host] %crejected promise not handled within 1 second: Error: EROFS: read-only file system, open '/nix/store/wa4yzwgcqvwcmr839mlsb23plgfkkxkv-vscode-extension-sainnhe-gruvbox-material-6.5.0/share/vscode/extensions/sainnhe.gruvbox-material/.flag' color: blue color: ", source: vscode-file://vscode-app/nix/store/8i6c6r8s9kj366rbrv53pwni7plrh09h-vscodium-1.67.2/lib/vscode/resources/app/out/vs/workbench/workbench.desktop.main.js (71)
[6905:0526/233721.619912:INFO:CONSOLE(71)] "%c[Extension Host] %cstack trace: Error: EROFS: read-only file system, open '/nix/store/wa4yzwgcqvwcmr839mlsb23plgfkkxkv-vscode-extension-sainnhe-gruvbox-material-6.5.0/share/vscode/extensions/sainnhe.gruvbox-material/.flag' color: blue color: ", source: vscode-file://vscode-app/nix/store/8i6c6r8s9kj366rbrv53pwni7plrh09h-vscodium-1.67.2/lib/vscode/resources/app/out/vs/workbench/workbench.desktop.main.js (71)
[6905:0526/233721.620463:INFO:CONSOLE(594)] "%c  ERR color: #f33 EROFS: read-only file system, open '/nix/store/wa4yzwgcqvwcmr839mlsb23plgfkkxkv-vscode-extension-sainnhe-gruvbox-material-6.5.0/share/vscode/extensions/sainnhe.gruvbox-material/.flag': Error: EROFS: read-only file system, open '/nix/store/wa4yzwgcqvwcmr839mlsb23plgfkkxkv-vscode-extension-sainnhe-gruvbox-material-6.5.0/share/vscode/extensions/sainnhe.gruvbox-material/.flag'", source: vscode-file://vscode-app/nix/store/8i6c6r8s9kj366rbrv53pwni7plrh09h-vscodium-1.67.2/lib/vscode/resources/app/out/vs/workbench/workbench.desktop.main.js (594)
[6905:0526/233721.620483:INFO:CONSOLE(71)] "%c[Extension Host] %crejected promise not handled within 1 second: Error: EROFS: read-only file system, open '/nix/store/wa4yzwgcqvwcmr839mlsb23plgfkkxkv-vscode-extension-sainnhe-gruvbox-material-6.5.0/share/vscode/extensions/sainnhe.gruvbox-material/themes/gruvbox-material-dark.json' color: blue color: ", source: vscode-file://vscode-app/nix/store/8i6c6r8s9kj366rbrv53pwni7plrh09h-vscodium-1.67.2/lib/vscode/resources/app/out/vs/workbench/workbench.desktop.main.js (71)
[6905:0526/233721.620495:INFO:CONSOLE(71)] "%c[Extension Host] %cstack trace: Error: EROFS: read-only file system, open '/nix/store/wa4yzwgcqvwcmr839mlsb23plgfkkxkv-vscode-extension-sainnhe-gruvbox-material-6.5.0/share/vscode/extensions/sainnhe.gruvbox-material/themes/gruvbox-material-dark.json' color: blue color: ", source: vscode-file://vscode-app/nix/store/8i6c6r8s9kj366rbrv53pwni7plrh09h-vscodium-1.67.2/lib/vscode/resources/app/out/vs/workbench/workbench.desktop.main.js (71)
[6905:0526/233721.620641:INFO:CONSOLE(594)] "%c  ERR color: #f33 EROFS: read-only file system, open '/nix/store/wa4yzwgcqvwcmr839mlsb23plgfkkxkv-vscode-extension-sainnhe-gruvbox-material-6.5.0/share/vscode/extensions/sainnhe.gruvbox-material/themes/gruvbox-material-dark.json': Error: EROFS: read-only file system, open '/nix/store/wa4yzwgcqvwcmr839mlsb23plgfkkxkv-vscode-extension-sainnhe-gruvbox-material-6.5.0/share/vscode/extensions/sainnhe.gruvbox-material/themes/gruvbox-material-dark.json'", source: vscode-file://vscode-app/nix/store/8i6c6r8s9kj366rbrv53pwni7plrh09h-vscodium-1.67.2/lib/vscode/resources/app/out/vs/workbench/workbench.desktop.main.js (594)
[6905:0526/233721.620661:INFO:CONSOLE(71)] "%c[Extension Host] %crejected promise not handled within 1 second: Error: EROFS: read-only file system, open '/nix/store/wa4yzwgcqvwcmr839mlsb23plgfkkxkv-vscode-extension-sainnhe-gruvbox-material-6.5.0/share/vscode/extensions/sainnhe.gruvbox-material/themes/gruvbox-material-light.json' color: blue color: ", source: vscode-file://vscode-app/nix/store/8i6c6r8s9kj366rbrv53pwni7plrh09h-vscodium-1.67.2/lib/vscode/resources/app/out/vs/workbench/workbench.desktop.main.js (71)
[6905:0526/233721.620671:INFO:CONSOLE(71)] "%c[Extension Host] %cstack trace: Error: EROFS: read-only file system, open '/nix/store/wa4yzwgcqvwcmr839mlsb23plgfkkxkv-vscode-extension-sainnhe-gruvbox-material-6.5.0/share/vscode/extensions/sainnhe.gruvbox-material/themes/gruvbox-material-light.json' color: blue color: ", source: vscode-file://vscode-app/nix/store/8i6c6r8s9kj366rbrv53pwni7plrh09h-vscodium-1.67.2/lib/vscode/resources/app/out/vs/workbench/workbench.desktop.main.js (71)
[6905:0526/233721.620799:INFO:CONSOLE(594)] "%c  ERR color: #f33 EROFS: read-only file system, open '/nix/store/wa4yzwgcqvwcmr839mlsb23plgfkkxkv-vscode-extension-sainnhe-gruvbox-material-6.5.0/share/vscode/extensions/sainnhe.gruvbox-material/themes/gruvbox-material-light.json': Error: EROFS: read-only file system, open '/nix/store/wa4yzwgcqvwcmr839mlsb23plgfkkxkv-vscode-extension-sainnhe-gruvbox-material-6.5.0/share/vscode/extensions/sainnhe.gruvbox-material/themes/gruvbox-material-light.json'", source: vscode-file://vscode-app/nix/store/8i6c6r8s9kj366rbrv53pwni7plrh09h-vscodium-1.67.2/lib/vscode/resources/app/out/vs/workbench/workbench.desktop.main.js (594)

Expected behaviour

The extension should be able to function without having to write files in its installation directory.

Maybe VSCode provides some sort of functionality to store data like this, or perhaps the files could be written to the user's data/cache directories instead? I don't know the convention.

Support for Semantic highlighting for Java?

Hi,

Is there any plan for supporting Semantic highlighting for Java? vscode-java extension provides token rules that can be used by themes to highlight different variables based on their semantics.

https://github.com/redhat-developer/vscode-java/wiki/Semantic-Highlighting

[Ruby] Regexp classes miscolorizations

Now:

Expected:

draft fix:
"scope": "string.regexp.character-class.ruby,string.regexp.interpolated.ruby,punctuation.definition.character-class.ruby,string.regexp.group.ruby", "settings": { "foreground": "#D8A657" }

I need some time to check probable issues triggered by this fix.

no syntax highlight on pug

here's example output from aye mirage

Almost impossible to know selection in the references window

Hi,

The selected entry in the references window has no contrast compared to other entries. It's almost impossible to figure out what's selected.

Example:

Here, the line that starts with Uses is selected (middle of the right side window), not the highlighted line that starts with be {@ (top of the right side window).

More Readable Color for Function Call ?

Hello, thanks for good theme. Recently, i try this theme in one of our project with Vue JS with Vue CLI in VS Code. But it resulted, green color for function name is not easy readable. You can take a look in this screenshot.

This is for your Gruvbox Material Theme

Compare it with other theme, such as Gruvbox Original

Or with Monokai Pro theme

As you can see, your theme with Green color for function name in "methods" in Vue Component look not good and not easy readable. Maybe you can change this color for more green or more vivid green color, so it easy readable ?

Distinguish tab.activeForeground and tab.inactiveForeground

I think it would be a nice touch to better distinguish between tab.activeForeground and tab.inactiveForeground colors. I am used to work with multiple panels and this would visually aid to identify in which panel is the tab I am currently working on.

Something in the lines of the settings below (or whatever you find more sensible) would be terrific:

"tab.activeForeground": "#ebdbb2",
"tab.inactiveForeground": "#a89984"

Let me know what you think about this.

Credits

Found it in this gruvbox variation.

Some keywords becomes colorless in the recent versions

This is my favorite theme and I have used it for about a year! Thanks for your great work.

But in the recent versions, some keywords becomes colorless:

The left side is v6.0.4. And the right side is v4.2.0. LanguageID: typescript

I really like the borderless look in the new versions but this issue prevents me to switch to it.

Is there anything I can do to fix this? Thanks!

The design of color palette

The color palette is still in beta stage, some colors may be adjusted in the future.

Currently, the colors look good on my device, but they may not look fine on yours. If you have any ideas or suggestions, please feel free to share them here.

Note: Since the colors display differently on different monitors, photos may be more helpful than screenshots if you want to upload images.

Syntax highlighting logic - 4.2.1

The changes you have made to syntax highlighting in the latest update (4.2.1) have made Python code have minimal highlighting. Way too many elements are defaulting to the source color (#d4be98). There is no invalid highlighting (that was an issue prior to this update).

I suggest you look at: https://github.com/MagicStack/MagicPython/tree/master/test which will give you the best examples of python code and the correct scopes. There is also a MagicPython extension which maps to the above.

Selected text is barely seen when the diffs, merge conflicts are highlighted

I use the 'Hard' option. When I select a text which is marked as a diff or merge conflict by Git.

Porting theme to Alacritty

Hello, I recently came across gruvbox-material theme and I really like it. Do you have any plans for porting it for other applications like alacritty?

Color for comment gutter

Comment gutters are used for VS Code's comment API, which you can see an application with https://github.com/vsls-contrib/codetour

The theme documents are described in the last section of Editor Colors

It will be nice if you could support that and make it less eye-catching. Thanks!

PS. I really appreciate the theme you made! Do you accept any donation?

Different color from original gruvbox?

I noticed that this extension use #292828 instead of #282828. Is this intended? I could help to fix this if this is not intended

Where is 𝐃𝐚𝐫𝐤 𝐇𝐚𝐫𝐝 𝐅𝐥𝐚𝐭?

I can see "𝐃𝐚𝐫𝐤 𝐇𝐚𝐫𝐝 𝐅𝐥𝐚𝐭" screenshot from the README. But after installation, I don't find such theme. How can I use it? Thanks a lot.

Adjustment in String color and Function color in JavaScript ?

Hello again, i have some suggestion or some discussion to talk about.
In your theme, the color for string and function is green. I find it getting problem when string and function used in JavaScript Template Literals with backtick . You can see in below screenshot.

helloWorldFunction and string color is green, and not easy to distinguish when we use function in string template literals.

And for comparison, here's syntax coloring from default VS Code theme

function color is different from string color, so it's easy to differentiate in code navigation. String color is red , and function color is bright yellow.

And here again from Monokai theme from default theme in VS Code.

What do you think about it ? Green color for string and function in Gruvbox Material, need adjustment or not ?

Color look a bit washed

Im trying this theme, but when opening JS files and some HTML file, this syntax coloring looks a bit washed. So it can't be distinguished from other method or object in it. Maybe the coloring needs more vivid or vibrant colors.

You can take a look on screenshot below.

Add settings to enable/disable background coloring for error/warning/info

Hi,

I noticed that the theme is now highlighting text that is part of an error/warning/info:

I found this commit which seems to be the source: 76ca770

Is it possible for these background color changes to be wrapped behind a setting that can be disabled? I find the backgrounds quite distracting.

If a PR would be considered, I can also take a look at doing this - though I haven't worked on a VS Code extension/theme before. I'd imagine I could figure it out.

Icon for this extension

Thank you for creating this theme. Im using it and love it.
But there's little detail that need soved. Give it icon so can be recognized in VS Code Marketplace or in VS Code Extension menu .

https://marketplace.visualstudio.com/items?itemName=sainnhe.gruvbox-material

Porting version for Intellij IDEs

Hi, I really love this theme so I'm trying to port it into Jetbrains IDE. I normally use both VSCode and IDEA so It's great to have both of them on the same color scheme.
I made an init version here : https://github.com/Happin3ss/gruvbox-material
Contributions are welcome :) . This is the first time I deal with this kind of stuffs so It might take weeks to have first release version.

Please publish the extension to Open VSX

Hi!

I'm a VS Code-OSS user, a FLOSS version of VS Code, it's the same code but without the Microsoft's telemetry and branding.

I want to request if it's possible to add the Gruvbox Material extension on the open-vsx.org marketplace, because it's unclear if Microsoft marketplace is legal to use on VS Code forks, see here.

This is how to publish a new extension.

Thanks.

Explorer file names colorization

Can You add some settings for explorer file names colorization? For me it looks too pale and sadly I'm noob and don't know how to fix it.

Statement on maintenance

Due to some personal reasons gruvbox-material#23, I'll stop maintaining this project for a period of time(maybe about half a year).

This does not mean that this project has been abandoned, issues and PRs are welcome, I'll review them in the future.

If you're interested in this project and would like to become a maintainer, please contact me.

Thanks for your understanding :)

Proposal: Change whitespace render color to be more subtle

Existing foreground color for editorWhitespace is same as that of comments. IMO it should be little less bright so that it's more subtle.

Current color:

Proposed color: #3c3836

[Improvement] Different color for function parameter in C/C++

First I want to thank you for making such a great theme for vscode and maintaining it regularly. Now the reason I opened this is I have a suggestion for syntax highlighting for C/C++. I saw in many themes that they have different colors for function parameters. Kind of like this,

As you can here variable a and b has the same color. Can you make it to different? Or maybe add a setting to do it? like the image below,