How to Make PHPStorm / Intellij IDEA Dark (Whole IDE, not just color scheme) - intellij-idea

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:

Related

How to set black background in IntelliJ IDEA?

I use IntelliJ IDEA 2016.1.2 with the Darkula color scheme but the contrast is too low for me, so I want to set the background color to pure black (#000000). While there are options to set the background of the console and the editor to black, this does not apply to the rest of the user interface. How can I change the background color of the whole theme (console, editor, menu, dialogs,...) to black?
From the menu bar, open the settings dialog:
File -> Settings (Preferences for Mac OS)
Change background of code editor:
In the list menu on the left, go to:
Editor -> Colors & Fonts -> General
Then, in the menu on the right, go to:
Text -> Default Text and select the Background checkbox.
Change background of console:
In the list menu on the left, go to:
Editor -> Console Colors
Then, in the menu on the right:
Select Background and Click the checkbox for Background
PS: you might need to "Save as" the default scheme before that, then choose the background color. As it mightn't allow you to modify stock schemes/themes.
It's also possible to do stuff by language etc, but it surely could've been made easier.
Works on version:
IntelliJ IDEA 2016.2.4
Build #IC-162.2032.8, built on September 9, 2016
JRE: 1.8.0_112-release-b343 x86_64
JVM: OpenJDK 64-Bit Server VM by JetBrains s.r.o
Check this list of the themes, some of them are pure black
https://github.com/sdvoynikov/color-themes
UPDATE: As of 2018.3, IDEA has its own high contrast theme. You can access in in
Settings → Appearance & Behavior
The example of the theme is here:
In this version, they added also better support for screen readers, you can lear more here.
An updated answer for the latest versions, follow the steps:
Preferences | Editor | Colors Scheme | General | Text | Default text | Background
In the Background set the color to hex value 00000.

After choosing Darcula theme on first run, AppCode does not give me a choice to use the XCode theme as it did before

I am evaluating AppCode and I just ran into something that is not a big deal but kind of irking me.
When I started the program, it asked me to choose a theme. I chose Darcula because it usually is a solid choice.
Another choice was XCode. This was tempting because of familiarity - I was actually worried that Darcula would feel "wrong" but instead of going with my gut I just went with Darcula.
Now, I don't like Darcula. At all. When it comes to swift development that is, on this IDE, for some stupid reason.
But I cannot change back to XCode! It's not an option - the only options seem to be "Default" and "Darcula" - and Default doesn't quite feel like XCode theme looked like.
Is XCode theme gone forever?
No, see, theme chooser in AppCode is different than in other JetBrains products - it allows you to select the theme for all IDE components, editor and keycap behaviour at the same time. So, in short, choices are:
Darcula = Darcula UI theme + Darcula editor theme + JetBrains keymap
Default (light) = Default UI theme + Default editor theme + JetBrains keymap
Xcode = Default UI theme + Xcode editor theme + Keymap which is similar to Xcode
So, to use same settings as for Xcode theme on start theme you should do the following:
Navigate to Preferences -> Appearance -> Theme and select "Default"
Navigate to Preferences -> Editor -> Color & Fonts -> General -> Scheme and select Xcode
If you prefer Xcode key bindings - you can also change keymap in Preferences -> Keymap.

How to change color of active tab

As the title, I want to change color of active tab to make it to be more different from other. I went through https://devnet.jetbrains.com/thread/274446 but it's not enough!
Is there any way to do that?
I just found out in intellij, it's "file scope" that controls a file's background in project pane as well as in the tabs. Here is the steps to add/modify current scope/tab background.
The default Darcula theme sets the "Tests" scope to this dark green color which is very close to the tab control background. I always lost track of which tab is activated when it's one of the test files. Hope this helps.
The Active IntelliJ Tab Highlighter plugin provides a simple way of solving this problem.
Go to File -> Settings.
In Plugins type "Active IntelliJ Tab Highlighter into the search box.
Click on the "Search in repositories" link.
Select the Active IntelliJ Tab Highlighter and click on the green Install button.
Close the window and restart IntelliJ
The active tab should now be highlighted in purple. If required, a different color can be chosen via File -> Settings -> Tools -> Active Tab Highlighter Plugin -> Background (clicking on it brings up a color picker). I personally went with a less garish dark gray color (AAADAA).
An alternative way, Setting > File colors:
check Enable File Colors, Use in Editor Tab
uncheck Use in Project View
add new scope with your color (ex: Project Files with orange color)
For IntelliJ IDEA 2021.3.2 (Community Edition)
You can change it in settings:
Settings | Editor | Color Scheme | General | Editor | Tabs | Selected Tab
There you can change Background and customize the view in other ways.
Although the question is quite old, when I googled the problem, this link was in the first three results, so I'll add my 5 cents as well.
Even though I could not find the way to brighten the color of an active tab alone, I was able to solve the problem by changing the color for a given scope altogether. In my case, it was the Tests scope, set to the default green, where the active tab was barely distinguishable from inactive ones, so I went to Settings > Appearance & Behavior > File Colors (exact location may depend on your Idea's version), selected the Tests scope and selected Custom color; the exact RGB value that worked for me was 1A7250. As a side-effect, the test directory's background color in the Project view also changed, which may or may not be a bad thing.
Regards, hope this helps.
I was losing the track of active tab using the darcula theme, in a test directory with a newly created file and staged with git. I ended up changing the File status color.
You will have to make a copy of your theme first:

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.

How do you change background color in the settings of JetBrain's IDE?

What are the settings to change the background color in JetBrains' IDE?
Project explorer pane
Console pane
Code editor
Other Panes
I'm running v12.1.6 Ultimate Version.
Are there major differences between different versions of the software?
Console pane:
Settings / Editor / Colors & Fonts / Console colors
Console, background
Project view:
Settings / File colors
Add (Alt+insert), choose 'project files' scope, select a color.
Uncheck the 'Use in editor tabs' checkbox, make sure to check 'Use in project view'
Main view (general):
Settings / Editor / Color & fonts / General
Text, Default text
For changing the background of the editor goto File->Settings->Editor->Colors & Fonts->General->Text. You'll see an item called "Default text". On the right you will see a checkbox for background. Click on it and choose whatever color you prefer.
To change the editor background color in newer versions (after 2017) of Intellij Idea go to Settings > Editor > Color Scheme > General and then on the right side list expand Text and click on "Default text" then click on the color hex code to get the color wheel.
Editor > Color Scheme > General > Text
Go to File option top left in the menu bar.
Select Settings
Select Appearance option in "Appearance & Behavior"
Select Intellij option as Theme in UI Options.
You should able to see everything in while background much like eclipse.
Beginning with the 2019.1 release, Jetbrain's IDE supports Custom UI Themes, which give full control of the appearance of built-in IntelliJ IDEA UI elements.
Detailed tutorial about how to create your own custom theme
Blog post about creating custom themes for IntelliJ Platform
If you download it from the https://plugins.jetbrains.com, then you will need to install it as the plugin. Go in the settings, install plugin from the disk and select the JAR file from the disk as the screenshot below.
It's very easy: File > Settings > Color Scheme > Set "Classic Light" or other color