This section describes the Accent Colors feature and how is it used by the plugin.
Accent Color refers to a color used to accentuate key parts of the UI, such as the active tab, focused input texts, checked boxes and so on. The Material Theme plugin enables this feature in the IDE and gives the ability to customize it to your heart’s content.
For more info about Accent Colors in the Material Design guidelines, follow this link: https://material.io/guidelines/style/color.html#color-color-system
Here is a list of components where accent color is used:
- Active Tab Indicator
- Close tab button on hover
- Tree View selected item indicator
- Checked boxes
- Selected Radio buttons
- Focused text inputs
- Focused/Hovered comboboxes
- Toggled Action buttons
- Edited file indicator
- Code Completion pane
- Parameter Info
- Documentation’s links and bold texts
- Panels’ links
- Hovered toolbar icons (not working on Mac)
- Tree’s selected item expand and collapsed icons
- Progress Bar
- Circular progress indicator
- Opened files’ containing directories (according to
Project View Decoratorssetting)
- Scrollbars (according to
- VCS Log branches icon
- Caret Color
- Modified Setting Pages
- On/Off Switches in Search Everywhere/Execute Action
- Navigation Bar Focused Item
Accent Color is a required setting for the Material Theme plugin. As a result, if you encounter errors coming from the plugin, it might be because you don’t have an accent color set, or your accent color becoming unset as a result of plugin updates.
Please check your
Material Theme Settings xml file to see if you have a configured accent. If not, simply preselect one from the
Accent Chooser and restart the IDE.
There are two ways of customizing the current accent color:
- By selecting a color from the list of available colors
- By setting a custom color in the settings
Accent Color chooser
A list of predefined accent colors is available in the
Material Config Toolbar. These are colors frquently used from the Material Design color palette.
Here is the list of predefined colors:
Custom Accent Color
You can of course customize the accent color from the settings. Even when you choose a predefined color, you will see its value inside the settings.
Note: Because components’ colors are set at the start of the application, when changing the accent color some UI components will not get the change until next restart. Such examples of components are:
- Quick documentation panes
- Accent scrollbars
- Project View decorators
- Hovered icons
Override Accent Color
Since version 2.6.0 there is the possibility to override the custom accent color with the default one bundled with the theme. For instance, for Oceanic the accent color will be
teal while for Darker it will be
This is especially useful for external themes, so that Themes designers can provide their own accent color.