Flutter - Use Atom syntax hightlighting in IntelliJ

Question

I love the Atom syntax highlighting for working with Flutter. But I find myself more productive with IntelliJ due to the hot reload integrated in the UI. Is there a way I can bring the Atom syntax hightlighting into IntelliJ?

Thanks

Solution

Download the Atom One Dark Intellij theme IntelliJ theme collection website color-themes.

In Intellij, do: File | Import Settings, and select Atom One Dark.jar. Import Editor Colors and Editor Colors (schemes). The IDE will restart, and the theme will be automatically enabled. Here is a screenshot comparing Atom (left) and IntelliJ (right) running the Atom One Dark theme.

As you can see, some colors (e.g. static class fields) do not match. If you want to customize the theme to have a perfectly matching coloring, go to settings or preferences (File | Settings for Windows and Linux, IntelliJ IDEA | Preferences for macOS). Navigate to Editor | Colors & Fonts. Create a copy of the Atom Dark One theme, and then start customizing the colors as seen in the screenshot below.

Addition: I've created a version of the theme with the changes required to match the Atom color style. Here is the download link.

Comments

[raju-bitter]

Do you mean the Atom editor dark theme with the Dart specific syntax highlighting?

[OhMad]

Yep, I have the Dark theme but how do I get the syntax highlighting?

[raju-bitter]

Great, have fun with IntelliJ and Flutter :)