nordtheme/jetbrains

An arctic, north-bluish clean and elegant JetBrains IDE UI and editor color theme.

An arctic, north-bluish clean and elegant JetBrains IDE UI and editor color theme.

Designed for a fluent and clear workflow based on the Nord color palette.

Getting Started

Visit the official website to learn all about the features of the editor color scheme, details and elements of the UI theme and the one-click setup.

Learn how to install and activate or develop and customize the theme from the official documentations.

Quick Start

Both the UI and editor theme can be easily installed as IDE plugin from the official JetBrain Plugin Repository.

Open Settings ➜ Plugins, switch to the Marketplace tab and search for Nord.

Click on the Install button and restart the IDE to finish the installation.

Activation

UI Theme

To activate the UI theme go to Settings ➜ Appearance & Behavior ➜ Appearance, select Nord from the Theme drop-down menu and Apply the change.

Editor Theme

To activate the editor theme go to Settings ➜ Editor ➜ Color Theme, select Nord from the Scheme drop-down menu and Apply the change.

Features

A unified UI and editor syntax element design provides a clutter-free and fluidly merging appearance.

Themed UI elements provide a fluid and unobtrusive transition from the code editor to the IDE.

The editor color scheme supports a wide range of programming languages — From bundled plugins of both community and ultimate editions up to most popular third-party plugins.

Contributing

Nord is an open source project and we love to receive contributions from the community!

There are many ways to contribute, from writing- and improving documentation and tutorials, reporting bugs, submitting enhancement suggestions that can be added to Nord by submitting pull requests.

Please take a moment to read Nord's full contributing guide to learn about the development process, the project's used styleguides, branch organization and versioning model.

The guide also includes information about minimal, complete, and verifiable examples and other ways to contribute to the project like improving existing issues and giving feedback on issues and pull requests.

Copyright © 2016-present Sven Greb

jetbrains's Issues

Nord Docs Transition

➜ Please see the corresponding issue nordtheme/web#140 for tasks on the side of Nord Docs.

This issue documents the transfer of all documentations and content assets of Nord JetBrains to the shiny new website and documentation of Nord, the new single-source-of-truth™.

Git Repository Size: Statistic Comparison

To get some numbers about the size changes of the Git repository before and after the migration, these are the statistics of the current repository state.

| Name                         | Value     | Level of concern               |
| ---------------------------- | --------- | ------------------------------ |
| Overall repository size      |           |                                |
| * Commits                    |           |                                |
|   * Count                    |   191     |                                |
|   * Total size               |  86.7 KiB |                                |
| * Trees                      |           |                                |
|   * Count                    |   236     |                                |
|   * Total size               |   109 KiB |                                |
|   * Total tree entries       |  2.62 k   |                                |
| * Blobs                      |           |                                |
|   * Count                    |   271     |                                |
|   * Total size               |  10.8 MiB |                                |
| * Annotated tags             |           |                                |
|   * Count                    |    12     |                                |
| * References                 |           |                                |
|   * Count                    |    16     |                                |
|                              |           |                                |
| Biggest objects              |           |                                |
| * Commits                    |           |                                |
|   * Maximum size         [1] |  1.33 KiB |                                |
|   * Maximum parents      [2] |     2     |                                |
| * Trees                      |           |                                |
|   * Maximum entries      [3] |    55     |                                |
| * Blobs                      |           |                                |
|   * Maximum size         [4] |   867 KiB |                                |
|                              |           |                                |
| History structure            |           |                                |
| * Maximum history depth      |   155     |                                |
| * Maximum tag depth      [5] |     1     |                                |
|                              |           |                                |
| Biggest checkouts            |           |                                |
| * Number of directories  [6] |     4     |                                |
| * Maximum path depth     [6] |     2     |                                |
| * Maximum path length    [6] |    60 B   |                                |
| * Number of files        [6] |    74     |                                |
| * Total size of files    [6] |  6.44 MiB |                                |
| * Number of symlinks         |     0     |                                |
| * Number of submodules       |     0     |                                |

The report has been generated using GitHub's awesome git-sizer project: git-sizer --verbose

Everything is italicized

I downloaded this theme (manual install) for IDEA. I work with PHP/Symfony2. The colors all look mostly right and good, but everything is italicized. The screenshots in the README aren't, so is there something off about the PHP settings that makes everything italicized? Do I need to just make a custom theme from this one and manually change that myself?

Correction: PHP and Twig are italicized. HTML, YML, JSON, and JavaScript are not.

Inline parameter hint support

IntelliJ IDEA 2017 introduced a new "Inline Parameter Hint" feature which can be styled via the color theme with the INLINE_PARAMETER_HINT XML attribute.

Test folder showing with background highlighted and hard to read

On the new 0.5.0 UI theme using PhpStorm 2019.1 the tests folder is background-highlighted instead just coloring the folder icon. Moreover, the text color is hard to read due to contrast:

Also, the selected folder caret is hard to see because of contrast again.

My suggestion is to make the caret the same color as the text for selected items:

Update to latest build range number for 2019.1

Since the plugin is compatible with the latest UI theme API added in Product version 2019.1, the since build range number must be increased to 191.0 to fullfil the minimum required version.

Warnings are impossible to read

I'm not sure what name to use for this element, but it's nearly impossible to read:

Installation from marketplace doesn't work / version is out of date

I tried to install the plugin via the plugin marketplace per the directions in the README.md but after doing this, "Nord" wasn't listed as an option in the theme drop-down.

To solve this issue, I had to go to the JetBrain Plugins site, download the jar, and "Install Plugin from Disk."

It appears the v0.4.0 was installed by the marketplace, while the .jar I downloaded was v0.5.0.

IntelliJ Idea 2019.1.2 (Ultimate Edition) Build #UI-191.7141.44

Project Documentation

Add the README and write the project documentation.
Create project assets:

• Project banner (svg)
• Screenshots (png)
• Screencasts (gif)

Core theme styles

Implement the theme styles for the .icls file.
Should support all default languages provided by the community- and ultimate edition!
Addionally IDE- and framework components and most popular JetBrain- and community plugin should be supported.

Update to IntelliJ IDEA 2017.2

Update to the latest version IntelliJ IDEA 2017.2.

open tab for git ignore file, text color same as bgcolor

Goland 2019.1.1

Editor Color Scheme Plugin

JetBrains announced a new feature for the platform that allows to export editor color schemes as plugins which can be easily installed from the Plugin Repository. Color scheme plugins can be filtered with the Editor Color Schemes category.

This feature greatly improves the installation process for Nord regarding the UX and version update handling compared to the manual installation and will be the recommended method.

Tasks

• Create a exported color scheme .jar plugin for already released- and future versions
• Update the documentation
• Upload the plugin to the Plugin Repository including the plugin documentation, screenshots and changelogs / release notes

Sass extend keywords uses wrong color

The @extend Sass meta keyword is actually colorized with nord9 instead of nord12 which is used for annotations.

Full editor theming support

With the release of Intellij 2019.1 and the full editor theming, will a full theme be possible for nord? That would greatly improve the UX.

UI Theme not showing in PhpStorm 2019.1

I have installed Nord Color Scheme in PhpStorm 2019.1 and the UI theme option is not shown in the dropdown:

The Editor color scheme works fine.

Remove bold formatting from Java constants

Java constants should not be formatted bold by default for better legibility.

Low contrast between background colour and excluded folders

Deselected excluded folders have really low contrast that makes their names difficult to read:

Once highlighted, their appearance improves:

Styles for deprecated symbols marked for removal

The General editor scheme provides a option to style deprecated symbols that are marked for removal. The new MARKED_FOR_REMOVAL_ATTRIBUTES key will be added using a strikethrough effect style colorized with nord11 to draw more attention to such elements.

Background color and text in tip "Gradle files have changed ..." are similar

I can't see words in this tip clearly. It might be better to change the background color.

JAR build script for windows

Related to #11

Next to the already implemented JAR build script for UNIX based OS there should also be a build script for Windows (MSDOS) systems.

breadcrums support

IntelliJ IDEA 2017 added support for themes to apply custom styles to breadcrumbs.
Implement optimized styles for fit to the theme.

• BREADCRUMBS_CURRENT
• BREADCRUMBS_DEFAULT
• BREADCRUMBS_HOVERED
• BREADCRUMBS_INACTIVE

JAR build script

Implement a shell script to build the JAR file for the IntelliJ IDEA Setting Import feature.

Reduce transparency for debugging- and diff backgrounds

Related to #10

The background colors of the debugging- and diff views are too bright making the text unreadable. The transparency of the colors should be increased to provide a better legibility.

More contrast between selected and unselected text

If you select text, for example, using Option+Up you end up with something with very little contrast and hard to distinguish from the surrounding text. For example, the second <li> below has some selected text:

Typo in project description

📝 A arctic ... -> An arctic ...

This is a 🔀 sub-task of nord #20.

Project renaming to "Nord JetBrains"

Subtask of #43

Like documented in #43, in #31 the project was renamed from nord-intellij-idea-syntax to nord-jetbrains-editor where the editor post-fix word was used to keep the namespace open for the possibility that JetBrains introduces a official UI theme API someday.
This is now finally the case so the project will be renamed to nord-jetbrains to clarify the theme is a full JetBrain Platform SDK plugin that provides a UI and editor theme and is also compatible with all current IDEs.

Lines containing syntax errors are impossible to read

How to build jar file on windows

How can i build the .jar file on windows? Because it doesn't seems to work for me using the build.sh script. Or is there a link where i can download the .jar file directly?

Unreadable implementations from vendor folder in PHP

When you want to list all your implementations of interfaces in PHP (PHPStorm) there is unreadable text, when implementation lies in vendor folder of PHP application this bug also affect file tree view in vendor folder.

File view:

Implementation view:

0.2.0 pre-built .icls missing

I could only find the .icls file for 0.1.0, adding it for 0.2.0 would be appreciated.

IDE 2019.1 Plugin and UI Theme Transition

Depends on #44

As of IntelliJ IDEA 2019.1 it is finally possible to theme the IDE UI 🎉

This means Nord JetBrains Editor will transform into a IDE UI and editor theme plugin using the IntelliJ Platform SDK through JetBrain's DevKit.

Workflow

Nord JetBrains Editor will follow the official workflow documentation to

1. Customize the UI icons and Controls
2. Bundle the already existing editor color theme
3. Build, debug and test the theme plugin
4. Deploy and publish the theme plugin

The IntelliJ SDK provides a lot of tools to develop plugins by enabling the internal mode that will allow to show e.g. the LaF Defaults.

The plugin will be represented by a plugin icon that is also available as of the the IntelliJ Platform version 2019.1.

The Nord JetBrains plugin will try to follow the IntelliJ Platform UI Guidelines.

Project Renaming

In #31 the project was renamed from nord-intellij-idea-syntax to nord-jetbrains-editor where the editor post-fix word was used to keep the namespace open for the possibility that JetBrains introduces a official UI theme API someday.
This is now finally the case so the project will be renamed to nord-jetbrains to clarify the theme is a full JetBrain Platform SDK plugin that provides a UI and editor theme and is also compatible with all current IDEs.
The renaming will be handled in subtask #44.

Minimum IntelliJ Platform SDK Version Requirement

Since Nord JetBrains will be a plugin instead of only a editor theme file (.icls), that can also be imported manually, the minimum version of IntelliJ will be 2019.1.

Documentation Changes

The install instructions will be updated to match the installation method through the official builtin Plugin Marketplace.

No More Custom Compilation Scripts

Since the plugin is now provided through the official Plugin Marketplace it is not necessary anymore to compile the plugin manually.
The IntelliJ Platform SDK allows to run and debug and plugin from within the IDE and can be deployed/compiled using the builtin functions.

Block selection in IdeaVim is unusable due to low contrast

In Normal IdeaVim mode, the entire line a cursor is on is highlighted as follows:

Entering block selection mode using Ctrl+V and attempting to select text is difficult since the highlighted/selected text colour is very similar to the colour that the entire line is highlighted with:

In this example, the two protected key words have been selected.

The situation is worse if the block selection is only one one line, as it's very difficult to tell where the selection begins:

In this example, the type long has been selected, but this is difficult to see due to the low contrast.

Font Override does not work with Nord Color Scheme

I installed it via the Plugin but now I cannot use the Font override

Low contrast on tabs for active excluded and untracked files

See image below.
The first on the left is an external file, the second is a new - untracked file.
Both active.

Color issues

I've found two color issues. There may be more.

First, when looking at diffs, the right side of the diff (showing changes) is colored in a way that some text is unreadable. For instance, in this screenshot, you can't read the text I put inside the var_dump:

Second, when you put the cursor in a method or variable name, it will highlight that name and other instances of it. This makes it easy to find all usages of a variable, for instance. However, when you double-click to actually select the text, the coloring is exactly the same! You can't tell when you've selected the text or not. Screenshot examples:

This method name just has the cursor in it, and has not bee selected:

This time, the method has been selected with a double-click:

Comment Color Brightness

Bound to nordtheme/nord#94

This issue will implement the increase of the comment color (nord3) brightness by 10% from a lightness level of ~35% to ~45%.

➜ Please see nordtheme/nord#94 for all details about this design change decision.

Highlight Markdown blockquotes and code blocks

Blockquotes and code blocks for Markdown should be colorized with nord7.

Switch ANSI black- and white console colors

The console ANSI colors black and white are reversed and should be switched.

Current line and current selection could use a bit more contrast

I'm using the latest stable PHPStorm 2018.1.6 version and I think that it would be better to increase the contrast between the current line and the current selection because currently, it's hard to distinguish them:

(the selected word is function on line 36)

Also, the comments are hard to read. I think a color like the one I have set in vim would work very nicely (which is a little bit brighter):

For it I have this setting in my .vimrc file:

let g:nord_comment_brightness = 12

Wiki link doesn't work

When I click on the wiki link, I am simply redirected to the repository page. I therefore cannot see the list of supported plugins/languages.

New Windows titlebar in EAP has two different colors

A slightly lighter blue is showing under file, edit, view etc, different to the rest of the titlebar.

Remove italic formatting from doc comments

The doc comments should not be formatted italic by default for better legibility.

Migrate to MIT license

Subtask of nordtheme/nord#55

Adapt to the MIT license migration of the main Nord project. Detailed information can be found in the main task ticket.

Tasks

• Update all license SVG badges
• Update the LICENSE.md content
• Update- and simplify all source code comment header

Python support

The Python language is not properly supported: many element uses the default style and don't match with the colour theme.

Library root file colors distracting / unreadable

Additionally, when these filetypes are list in the project file tree or in file search results, they are the bright yellows and greens are easily confused with the selected / highlighted file. Recommend darker yellow (green) backgrounds that offer better contrast with the white library (test) filenames.

All in all, I'm blown away by the scheme so far. Absolutely beautiful with nearly perfect unity between the colors. Great work.

IntelliJ Idea 2019.1.2 (Ultimate Edition) Build #UI-191.7141.44

Remove background from identifier under caret

Resolves #10

The nord2 background color of the automatic highlighting for identifiers under the caret uses the same color as the selection color when marking the identifier via mouse double click making it impossible for the user to recognize the selection. This should be changed by removing the background color.

Rename project to "Nord JetBrains Editor"

The project started with the main indention in my mind to target the IntelliJ IDEA IDE and create a new port project for each IDE from JetBrains, but since all these awesome products are internally based on the IntelliJ engine the color scheme format can be used universally.

To clarify the compatibility with all IDEs from JetBrains the project should be renamed to Nord JetBrains Editor (nord-jetbrains-editor). The "Editor" post-fix word is used to keep the namespace open for the possibility that JetBrains introduces a official UI theme API someday. This is currently only possible by using an unoffical way like overriding internal IDE files as shown by the Material Theme UI plugin.

Tasks

• Replace the project name in all documentations
• Rename all affected project files
• Update the documentation assets like the README logo banner
• Update the project logo banner in the main Nord repository
  ➡️ nordtheme/nord#69

Fix color for !important CSS keyword

The !important CSS keyword is actually colored using nord12 instead of nord10.
This will also fix preprocessor language keywords for Sass and LESSCSS like !default and !optional.

Invalid "localhost:8000" URLs in README

The README contains two http://localhost:8000 URLs that are pointing to the local development environment instead to the production URLs of the Nord website.
Both will be replaced with the correct URLs.

Provide Semanthic Highlighting colors

Currently, defaults colours of Sementic Highlighting don't match the theme. It would be nice if the colour scheme was providing matching colours.