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
Related
After upgrading from Intellij 2022.2 to 2022.3 and trying to enable the "New UI":
then my solarized theme didn't seem to work as before. The "code window", terminal etc uses solarized, but other windows, such as the "project window", doesn't as you can see in this screenshot:
I've tried disabling the "New UI" again, but Solarized still won't be applied to all windows the way it previously used to. I've tried using both "Solarized Theme" (https://plugins.jetbrains.com/plugin/14920-solarized-theme) and "Solarized Themes 4lex4" (https://plugins.jetbrains.com/plugin/12784-solarized-themes).
Question: How do I get the solarized theme to work in all windows (preferably with the "New UI" if possible)?
The "Main Changes and Known Issues..." link says only to use the Light and Dark themes with the new UI to avoid issues like this.
The new Light and Dark color themes have improved contrast and a
consistent color palette.
Please use only these themes while working with the new UI. Other
themes might look misaligned and have unexpected colors.
https://youtrack.jetbrains.com/articles/IDEA-A-156/Main-changes-and-known-issues
I found the answer just as I asked the question 🤦♂️ If anyone else have the same problem, you should go to
Settings > Appearance & Behavior > Appearance
and select the solarized theme. Then all windows will use solarized.
I accidentally enabled rainbow variables in PhpStorm and it looks absolutely horrible. It sounds kinda silly but I just cant find the settings to disable them.
I have looked up the extension and followed the steps to uninstall but I haven't found anything related to rainbow variables https://plugins.jetbrains.com/plugin/17748-rainbow-variable
I also uninstalled Rainbow Brackets and everything else relating to styling code or variables from the plugins page
And yes I restarted the IDE after those changes with no success. I'm currently on the version 2022.2.3 of PhpStorm.
If you have disabled that Rainbow Variables plugin and still seeing the functionality then it might be PhpStorm's Semantic Highlighting in action.
Settings/Preferences | Editor | Color Scheme | Language Defaults | Semantic highlighting and make sure it is disabled there.
Please note that Rainbow Brackets plugin turns the above option ON automatically and prevents disabling it (on IDE restart). This should be fixed in latest plugin versions:
2022.3.3 Fix #2541: [Rainbow variables] Ask to enable rainbow variables before turn it on
2022.3.4 Fix #2551: [Rainbow variables] rainbow variable does not take effect after IDEA is restarted
For PhpStorm 2022.3, it is here we can disable rainbow variables (even for .json file, where each line has a diffent color).
I found the same problem in IntelliJ. However, there're checkboxes in the IntelliJ settings -> Rainbow Brackets(yes, it has an independent setting bar). If PS has the same form of settings, you may uncheck the 'rainbow variable' box. screen shot
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:
I'm using a dark theme in IntelliJ 14, the problem is that I have difficulties in distinguish the active tab, because its header's background is not different than the other tabs I have opened (or it is, but very little). I looked all over the place for a method to change the color of the active tab header's background, no luck so far.
Please help?
Please note that this setting has worked for IntelliJ 14 back then, but is no longer applicable for newer versions
Find the comments below for plugins as a great alternative (Material Theme UI, Active IntelliJ Tab Highlighter)
Although, if you are still using IntelliJ 14:
Under File \ Settings \ Appearance & Behavior \ File Colors,
turn off "Use in Editor Tabs", as test tabs background are
dark-green by default, which is similar to the dark-grey non-selected
tabs.
After that, optionally you can set the colors under:
File \ Settings \ Editor \ Colors & Fonts \ File Status
and change the Foreground color of "Modified" status.
Now it will highlight the modified files (in version control).
To me, the solution turned out to be a plugin implementation:
https://github.com/tobszarny/ActiveTabHighlighterPlugin
Feel free to fork it for alteration, or use as is. Now with color customization and with IntelliJ platform IDE's support, such as PhpStorm or RubyMine.
Now also in the plugins repository, for auto update whenever new version is made.
If you are using the latest intellij you can make this customisation through the menu, see the screenshot for the breadcrumb. This is from version: 2020.1.1 Ultimate Edition
The Material Theme UI allows additional settings
like color and thickness of the line below the active tab (pink in the screenshot)
Whilst this solution does not change the colour between tabs, it does change all tab colours so that you can distinguish it from the background tab bar, which in my case was enough. It may still help others.
I used File Colors. The image below shows what I did. Set scope to All and choose the Custom colour (white):
I am using Darcula theme with a background image (simple plain black image). I tried the excellent plugin suggested by Tomasz O. https://stackoverflow.com/users/2479048/tomasz-o, but it did not work. Later on, I realized that when I decreased the opacity of background image, I was actually able to distinguish the color change made by the plugin. I wonder why Android Studio does not provide a convenient setting for changing active tab header color. I'm on AS 3.4.2 already!
Intellij 2019.1 has options for customization.
Besides, it has new themes for different shades of color you can choose from.
I've just downloaded the new PHPStorm EAP, and noticed this screenshot:
And I like it very much. Thing is, I can't find any option to make my install looks like this. I know about color scheme, but AFAIK it only change the text editor's color. How can I make my install to look like that? (The screenshot is taken from the EAP site).
Settings (Preferences on Mac) | Appearance | Theme = Darcula
P.S.
Since IntelliJ IDEA v14 / WebStorm v9 / PhpStorm v8.0.2 (and any other IDEs on branch 139.xxx or newer) the settings path is a bit different:
Settings (Preferences on Mac) | Appearance & Behaviour | Appearance | Theme = Darcula
View -> Quick Switch Theme -> Switch Look And Feel -> Darcula
and Restart the IDEA if changes do not become apparent.
Download and enable ColorIDE.
Preferences > Plugins > "Browse repositories..." button > search for "ColorIde"
Instead of being limited to the standard 4 themes that come with the IDE, ColorIDE plugin will give your IDE the same look and feel as your current color scheme.
Use Material UI
If Darcula isn't darker enough, you can use a plugin called Material UI.
They also have many other colors like deep blue, marine blue, etc.
Link to Material Theme UI
On Mac the title bar of every window (both main and popup dialoges) will remain the typical Mac grayish color, even using the Darcula theme. But you can actually make it dark as well.
Using any Jetbrain IDE (including DataGrip), press Shift + Ctrl + A (PC) or Shift + Cmd + A (Mac). This will open the command palette where you can find Registry:
Open the registry and find the key ide.mac.allowDarkDindowDecorations:
Enable this, close the registry and restart the IDE.
In Preferences > Editor > Colors & Fonts, pick a dark scheme and the IDE will ask you if you want to switch the whole IDE to a dark scheme: