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

Outline buttons

This feature is only available for premium users.

Starting from version 6.2 this new setting replaces buttons with outlined buttons.

Outlined Buttons
Outlined Buttons

Transparent Scrollbars and Accent Scrollbars

This feature is available in the free plan.

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 (i.e. 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

Editor Scrollbars

This feature is available in the free plan.

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 feature is only available for premium users.

This option enables/disables the shadow under the tabs.

Tabs Shadow
Tabs Shadow

Inverted Selection Color

This feature is available in the free plan.

This setting allows you to choose between two styles for the selected option in the Autocomplete Panel:

Normal selection
Normal selection
Inverted selection
Inverted selection