I want to change the look and feel of entire Webstorm editor. How can I add more themes in the Appearance section?
As of now it lists only 2 option, Default and Darcula.
The 'Theme' dropdown in your snapshot actually refers to Look & Feel in the Intellij/Webstorm parlance. This is also seen if you try doing a View -> Quick Switch Scheme :
Notice that the options in the above correspond to the 'Themes' dropdown in your snapshot.
I would imagine that creating a new Look&Feel would be a non-trivial task. This is somewhat substantiated by https://stackoverflow.com/a/27864988/325742:
Write a plug-in to add a new LAF. Keep in mind this is a lot of work.
It took the JetBrains team a year to develop the Darcula L&F and that
was with dedicated graphic artists to create a whole suite of icons
and recommend color combinations. Since the IntelliJ IDEA Community
Edition is open source, you could use that source code to develop your
plug-in. I'm pretty sure Darcula is available in the community
edition.
Therefore, you may not find a lot of stuff out there that change the whole Look and Feel of a Jetbrains product (like IntelliJ or WebStorm).
However, the best place to look for it would be in the plugins section.
Therefore:
First option: Theme Plugins
Note that, the complete appearance of Intellij changed when I installed this, however the plugins (I tried Material Theme UI) did not appear in the dropdown list.
Second Option : https://github.com/sdvoynikov/color-themes
This is just an editor color scheme and not a full fledged L&F plugin.
Download a color theme from there, then go to File -> Import Settings and choose the downloaded file after which you should see the following:
Finally, restart Webstorm:
Related
Today I added Material Theme plugin to WebStorm and I believe this is the reason behind changelist not appearing on the sidebar.
To be precise, this is what happens in IntelliJ when I make change to a specific line of code and click on the yellow bar that appeared after I removed the semicolon:
The change I made can also be seen under VCS -> Local History -> Show History menu option, which shows the diff between the previous and current version of that file.
However, performing the same action in WebStorm doesn't show the changelist/diff on the sidebar:
which means that the only way I can see it is by going to VCS -> Local History -> Show History which is very tedious:
I found being able to quickly revert/lookup the changes on the fly by clicking on that coloured bar really handy, could someone tell me if there is a setting in the IDE that enables that? I looked up and down but couldn't find anything relevant, perhaps I wasn't looking for the right keyword.
Thanks in advance.
Change markers are there for me when using Material UI plugin. Do you have Highlight modified lines in gutter enabled in Settings | Editor | General?
Is there away to install SyncedSideBar or something similar to that for Atom IDE ?
I used this one on my sublime text 3, and I was looking for the same plugin that will work for Atom.
I like how it auto highlight the current opened file
Any suggestions ?
You don't need any extra plugin for this. It there in the default tree plugin. Search for tree in packages
Click on settings and check the Auto Reveal checkbox
And now the active file will be automatically highlighted
Some of the themes may not highlight this properly, so you should change the theme and make sure it works. Sometimes after changing the settings you may need a restart, if it doesn't work
I'm talking about getting the same effect you get when you commit/merge/diff and are reviewing your changes.
I would like to have code I added to be highlighted. Right now if you go under VCS, Editor Gutter and VCS annotations, both of them have Foreground disabled. I was wondering if there was a way around this.
There is an IntelliJ plugin called Git Scope that provides the functionality you are looking for.
You can install it by going to Settings > Plugin > Marketplace and searching for "Git Scope".
This is not possible without an additional plugin (see the other answer). With any plugins, your current VCS changes are shown with markers in the gutter.
For a while now, newer versions of Visual Studio have been able to display in-line information for methods, fields etc relating to how many times they may have been referenced or changed and who changed the code last. This feature is known as CodeLens.
Is there any plugin or feature in IntelliJ IDEA similar to this that would be able to display information on an individual class/field/method basis?
(22-Aug-2022 updated) The hints from git blame are also available in the latest IntelliJ IDEA.
==================
(For CodeLens function references feature) Now it's a built-in feature after version IntelliJ IDEA 2020.1.
You can enable it from:
Ref: https://blog.jetbrains.com/idea/2020/03/intellij-idea-2020-1-beta2/
There is no such plugin (yet).
You can of course right click the left gutter (gray editor to the left of the editor) and select "Annotate". That gives you at least the last edit per line.
More similar to your desired feature (but unfortunately not inline):
Select some text (e.g. a method), then right-click Git -> Show History for Selection.
Now there is JetBrains plugin named GitToolBox.
It has some similar functionality, including the current line "blame annotation" at the end of the line with detailed commit information:
This feature is available for Rider, but not for IntelliJ yet.
In Rider it's called Code Vision
You can vote for this feature request in IntelliJ IDEA here
I See only 2 Options here: Default and Dracula.
How can i change Whole IDE (not just color scheme) in to any Colors like a Blue?
IDE Themes are just java Look&Feels. Implementing a new L&F is a tough task... Note that it's technically possible to install any third-party L&F into JVM and use it in PHPStorm ( see https://weblogs.java.net/blog/kirillcool/archive/2005/08/intellij_idea_5.html for instructions), but it will most likely look ugly and break the UI in many places.
You can also try Color IDE plugin (https://plugins.jetbrains.com/plugin/7055?pr=webstorm).
see also https://laracasts.com/series/how-to-be-awesome-in-phpstorm/, episode 2 and 3