Remove PhpStorm blue tab underline - intellij-idea

How can I remove the blue underline?

ATM you cannot.
It was introduced to make currently active tab more visible in Darcula GUI Theme (IDEA-131683, IDEA-103206) where tab backgrounds are too similar. Check comments there (mainly first ticket).
So far the best match would be https://youtrack.jetbrains.com/issue/IDEA-168708 -- watch this ticket (star/vote/comment) to get notified on any progress.
In meantime please try Active IntelliJ Tab Highlighter plugin -- it may provide such functionality (was created by one of the users before this new tab highlighting functionality was introduced) -- it's customizable so may not have such underline at all.

Your image link is broken.
Please, try to follow this path step by step:
File/Settings/Editor/Color Scheme/General
This General screen can remove with checkbox disable all underline
Also, you can look this image.
I hope have been helping you.
screenshot

Related

How to enable sidebar changelog in WebStorm?

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?

How to change the active tab header's color in IntelliJ 14.1.4?

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.

Change background color of highlighted HTML elements

When I hover the mouse on a HTML tag in the tiny bar under the file tab, the background of the highlighted element is very bright, and the text becomes unreadable.
I couldn't find a way to customize this in the settings, can somebody help?
Here's what I mean:
It uses your caret row color (it just automatically makes it lighter so it's more visible) and not some separate style which you can disable/modify.
ATM there is no option to disable such behaviour. I mean -- IDEA-139930 ticket is fixed, but not available in 141.xx branch that PhpStorm is currently built on.
If it annoys you a lot then right now I may only suggest to disable that breadcrumbs bar altogether until PhpStorm will move to 142.xx or newer branch. For that: Settings (Preferences on Mac) | Editor | General | Appearance | Show HTML breadcrumbs (you will have to close and reopen that file to see the changes).
You should post more info about specification: exact version of PhpStorm etc.
Try this:
https://www.jetbrains.com/phpstorm/help/configuring-colors-and-fonts.html

Multiple "right margins" or guides in PHPStorm

PHPStorm has a vertical line on what they call the "right margin" which is set by default to 120 characters or columns...
Given that PSR standards state There MUST NOT be a hard limit on line length; the soft limit MUST be 120 characters; lines SHOULD be 80 characters or less., it'd be nice if I could get another visual indicator at the 80 character mark...
I'm well aware that it says what line/column you're on in the status bar, but I typically hide most panels (status bar included) while coding.
Therefore, is there a way (feature or plugin) that would allow me to add a 2nd vertical line to indicate the 80th column?
It is not currently possible .. and no plugin comes into my mind.
https://youtrack.jetbrains.com/issue/IDEA-99875 -- star/vote/comment to get notified on progress.
P.S. Considering that this is rather PHP/Python specific (other languages do not care about this) .. I would not expect JB to have it implemented in nearest future...
I suggest the following workaround, it works for me on PhpStorm 9.0:
Open Settings page (usually Ctrl+Alt+S), go to Plugins -> Browse Repositories
Find and install BackgroundImage plugin
Restart IDE, it may output an error, something like "unknown protocol d" - don't worry, go forth
Make an image with height=1px, and width=(desired width of additional margin). Give it, say, white background and paint one rightmost pixel to say, black. I took a screenshot of an editor and cropped it in PS, to avoid annoying search and adjustment of the image width. Every change of background image requires to restart PhpStorm.
Open Settings again, goto Other settings -> BackgroundImage
Set Enabled checkbox, browse your created image, and check the FileSystem radio button
Restart IDE again and change the margin and you will get two margins
The image is left-aligned, so when you resize an editor on x-axis (move the splitter between Editor and Project View or File System View, etc.), the margin will remain truthy.
Some side-effects - it appears also on console window, event log, perhaps somewhere else.
If the plugin doesn't work, check out this page (there said that most JetBrains plugins should work on all products on IntelliJ Platform, and some workaround if they does not): http://www.jetbrains.org/intellij/sdk/docs/basics/getting_started/plugin_compatibility.html
ADDED: Doesn't work with scaling an editor (Ctrl + MouseWheel) - the scale of the image (fake margin), remains the same and the margin becomes not truthy.
In the latest PHPStorm, this is now possible. This would be PHPStorm 2017.3. The instructions on the ticket mentioned in the accepted answer explains it quite well:
Will be available in the next EAP build. You can set it up at
Settings|Editor|Code Style|Visual guides for all languages or on
"Wrapping and Braces" tab for a specific language ("Other" tab for
XML/HTML). You can change the visual indent guide color at
Settings|Editor|Color Scheme|General|Guides|Visual guides. Please
submit separate reports if you find any problems.
I personally found the setting in Settings|Editor|Code Style|PHP|Wrapping and Braces|Visual guides. It should be there for every language.

JetBrains IDEA: Change color of code completion menu selection highlight in Darcula LAF

Darcula and I are struggling to come to terms. Legibility is poor overall but some things I just have to change:
In this code completion suggestion menu, the selected item is not legible.
Where in the preferences or preferences XML file is the background color of the selected item text set?
You can find the option to change the color of the code auto completion window from the following place.
Open your settings > Editor > Color Scheme > General > Popups and Hints > Completion.
Note: you may also search for the keyword completion in the settings page to find the option fast.
Then adjust the background color and click apply.
You can check the screenshot for a visual reference.
I fixed this 3 days ago. http://youtrack.jetbrains.com/issue/IDEA-103104
Now it looks like this
idea completion http://img32.imageshack.us/img32/6516/ss20130319202811.png
I solved this probleme by downloading a new INTELLIJ THEME named Gradianto and it works nice,
Gradianto allows you to chose beetween 3 darcula theme once it's installed in your intellij, and all of this theme will highlight the selected item clearly with code completion.
Yous install the theme with :
IntellijIDEA --> Preferences --> Plugins --> And you search and install Gradianto theme
Here is the youtube tutoriel where i see it:
https://www.youtube.com/watch?v=NsZZm5f5JD0
Hope that will help
Thanks
I got a nice answer to your question.
This is link : java - Changing the font colour in IDEA code-completion window - Stack Overflow
You just need unable this option :
[
Settings —— Editor —— Code Completion
—— Insert selected variant by typing dot , space ,etc .
]
No doubt of it , it works very well for me !