Component Settings

Further customize the IDE components

This page controls the components used throughout the IDE, like buttons, scrollbars, etc.

Uppercase buttons

This setting sets the text of the buttons to be uppercase, just like the Material Design buttons. This is optimal for a full-fledged Material Design Experience.

Uppercase Buttons
Uppercase Buttons

Transparent Scrollbars and Accent Scrollbars

These options control the appearance of the scrollbars. Note: This feature works completely on Windows and Linux, but on Mac it is only working for non-native scrollbars (e.g. scrollbars that appear only while scrolling).

Transparent scrollbars will add more transparency to the scrollbars and set it as the same color as the current theme’s background color. This is adding 50% opacity and there is no way to change it.

Accent scrollbars will replace the scrollbar color with the current accent color.

Accent Scrollbars
Accent Scrollbars

Note: Since 2019.1 the scrollbars enter into two categories:

  • UI Scrollbars: These are the scrollbars found throughout the UI (lists, trees and so on)
  • Editor Scrollbars: These are the scrollbars inside editors

Thanks/Because of this separation, the aforementioned settings is now controlling only the UI Scrollbars. Instead, the Editor Scrollbars are managed via a Color Scheme Setting Page.


Tabs Shadow

This option enables/disables the shadow under the tabs.

Tabs Shadow
Tabs Shadow

Accent Mode

This feature makes components stand out more by coloring them with the current accent color. The affected components are:

  • The Editor Tabs
  • The Primary Buttons
  • The selection color for Lists, Tables and Trees
Accent Mode
Accent Mode

You can also specify a second accent color to contrast with the now prominent accent color.

This feature is available since 4.1.0.