Comments (5)
What I don't understand is why meta.object-literal.key.js
is green in your screenshot, this is what it looks like in my vscode:
But it needs to be tweaked indeed, I made a slight adjustment to it:
What is your vscode version? Have you installed any syntax extensions that might affect the javascript syntax highlighting? This theme is currently only optimized for built-in js syntax highlighting.
from gruvbox-material-vscode.
I dont know why is different from your screenshot. Im using JavaScript ES6 Snippet and Babel JavaScript extension. My VS Code version is 1.40.0 .
from gruvbox-material-vscode.
I've tried mgmcdermott.vscode-language-babel, it reproduced.
Sorry but I won't optimize this syntax extension, because I think it's very bad. This is the built-in js syntax highlighting:
As you can see, in mgmcdermott.vscode-language-babel
, the code scope is string.unquoted.js
, while in the build-in js syntax highlighting, the code scope is meta.object-literal.key.js
. This means that in mgmcdermott.vscode-language-babel
, the code is logically related to unquoted string.
In vscode, string.unquoted.js
inherits from string.unquoted
, and string.unquoted
inherits from string
. I personally think any scopes related to string
should be green(or maybe white), so the fact that string.unquoted.js
is green is logical, but it's obviously illogical this case. I guess the author of this extension has put a lot of other code in this scope.
I suggest you uninstall this extension and use build-in js syntax highlighting instead, microsoft has done a very great job in js syntax highlighting. The build-in js syntax highlighting is logical and accurate, and every element can be highlighted.
from gruvbox-material-vscode.
Thanks for response and solution from you.
And one more thing, here some reference for material colors, i think the fit palette is between 500 - 700 . For example Green 500, Red 500, etc
You can check palette in here.
Material Palette
from gruvbox-material-vscode.
Thanks for your link.
I have tried to use existing material palettes directly, but the effect is not good. Many material palettes are mainly designed for UI colors instead of foreground colors, so there are some very serious problems when using as foreground colors. To sum up, they're not eye-friendly at all. Please forgive me for saying so straightforward, but this is the truth.
The current color palette has been carefully adjusted many times based on the original gruvbox and has been tested on several devices, and works very well with redshift and f.lux .
But I think it is currently far from perfect, there might be some adjustments in the future. If you have any ideas or suggestions, welcome to share them in #11.
from gruvbox-material-vscode.
Related Issues (20)
- Theme is not available on VS Code Web HOT 4
- Omnisharp c# changes the color syntax HOT 4
- Somewhat inconsistent syntax coloring (esp. for TypeScript)
- Errors trying to regenerate themes in a read-only environment HOT 2
- Porting theme to Alacritty HOT 2
- [Feature] Semantic highlight support for C++? HOT 8
- Some files/folders aren't highlighted when hovered over HOT 2
- Text foreground color different between regular and arrow function JSX components
- Add highlights for debug inline variables
- Request: Add Extension to Azure Data Studio Marketplace
- [Enhancement] Decrease active indent guide opacity
- When opening a C# project, syntax highlighting changes when the project loads HOT 3
- Add settings to enable/disable background coloring for error/warning/info HOT 5
- Distinguish tab.activeForeground and tab.inactiveForeground HOT 2
- Where is 𝐃𝐚𝐫𝐤 𝐇𝐚𝐫𝐝 𝐅𝐥𝐚𝐭? HOT 2
- Always required to reload on remote container HOT 3
- [Improvement] Different color for function parameter in C/C++ HOT 2
- [FEATURE REQUEST] Add the option to disable italic font on comments HOT 3
- Missing borders of workbench and terminal impact usability HOT 4
- Different color from original gruvbox? HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from gruvbox-material-vscode.