You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/configuration/islands-settings.md
+17-18Lines changed: 17 additions & 18 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -15,19 +15,19 @@ next:
15
15
16
16
---
17
17
18
-
This page provides more customization capabilities for JetBrains' Islands layout.
18
+
This page describes the customization options for JetBrains' Islands layout.
19
19
{:class='title'}
20
20
21
21
{% include carbonads.html %}
22
22
23
-
This feature is exclusive to premium users. You can purchase a premium license for the plugin or a dedicated license for this feature via the following link: [Material Theme Islands](https://plugins.jetbrains.com/plugin/28142-material-theme-ui-islands).
23
+
This feature is exclusive to premium users. You can purchase a premium license for the plugin or a dedicated license for this feature here: [Material Theme Islands](https://plugins.jetbrains.com/plugin/28142-material-theme-ui-islands).
24
24
{:class='card-panel warn'}
25
25
26
26
## Introduction
27
27
28
-
Since late 2025, JetBrains have revamped its user interface and introduced a layout called **Islands**. This layout features a more spacious design with distinct "islands" for the editor, tool windows, and other UI components. It is based on the nowdiscontinued **JetBrains Fleet**, and gives a more refreshed look to its IDE suite.
28
+
In late 2025, JetBrains revamped its user interface by introducing the **Islands** layout. This design features a more spacious look with distinct "islands" for the editor, tool windows, and other UI components. Based on the now-discontinued **JetBrains Fleet**, it provides a refreshed aesthetic to the IDE suite.
29
29
30
-
The Islands layout is enabled by default on all IDEs, but is not configurable. The Material Theme Islands settings allow you to customize various aspects of this new layout to better suit your preferences and workflow.
30
+
The Islands layout is enabled by default in recent IDE versions but offers limited native configuration. Material Theme Islands settings allow you to customize various aspects of this layout to better suit your preferences and workflow.
31
31
32
32
{% include figure.html content="/screens/islands/islandsSettings.png" caption="Islands Settings" %}
33
33
@@ -37,29 +37,29 @@ The Islands layout is enabled by default on all IDEs, but is not configurable. T
37
37
38
38
### Background Contrast
39
39
40
-
By default, the Islands' background is the same as the Tool Windows and the Status Bar color, blending together and distinguished by a thin border.
40
+
By default, the Islands' background matches the Tool Windows and Status Bar colors, blending them together with only a thin border for distinction.
41
41
42
-
This setting will slightly increase the contrast between them by increasing the lightness of the _Application Frame_, making the elements more distinguishable.
42
+
This setting increases the contrast between these elements by adjusting the lightness of the _Application Frame_, making the UI components more distinguishable.
43
43
44
44
{% include figure.html content="/screens/islands/noContrast.png" caption="Without Contrast" %}
45
45
46
46
{% include figure.html content="/screens/islands/withContrast.png" caption="With Contrast" %}
47
47
48
48
### Custom Background Color
49
49
50
-
Alternatively, you can choose to use your own background color instead.
50
+
Alternatively, you can define a custom background color for the Islands.
51
51
52
52
{% include figure.html content="/screens/islands/customColor.png" caption="Custom Background Color" %}
53
53
54
-
**Note**: This setting may conflict with the [Colorize Application Frame](/docs/configuration/project-title-bar.md#application-frame). If you enable both, the Application Frame settings will take precedence over the Islands Background Color.
54
+
**Note**: This setting may conflict with [Colorize Application Frame](/docs/configuration/project-title-bar.md#application-frame). If both are enabled, the Application Frame settings take precedence over the Islands Background Color.
55
55
{:class='card-panel warn'}
56
56
57
-
**Note 2**: At the moment, it's not possible to use a different background color for each project.
57
+
**Note**: Currently, it is not possible to set a different background color for each project.
58
58
{:class='card-panel info'}
59
59
60
60
### Border Color
61
61
62
-
This setting adds a border around the Islands', reinforcing the separation between the UI elements. You can also choose a custom border color.
62
+
This setting adds a border around the Islands, reinforcing the separation between UI elements. You can also specify a custom border color.
63
63
64
64
{% include figure.html content="/screens/islands/noBorder.png" caption="Without Border" %}
65
65
@@ -73,48 +73,47 @@ This setting adds a border around the Islands', reinforcing the separation betwe
73
73
74
74
### Island Arc Size
75
75
76
-
Controls the radius for the curved corners of the Islands. Default is 20.
76
+
Controls the radius of the curved corners for the Islands. The default value is 20.
77
77
78
78
{% include figure.html content="/screens/islands/angledCorners.png" caption="Angled Corners" %}
79
79
80
80
{% include figure.html content="/screens/islands/roundedCorners.png" caption="Rounded Corners" %}
81
81
82
82
### Inner Spacing
83
83
84
-
Controls the inner spacing inside the Islands. Default is 10.
84
+
Controls the padding inside the Islands. The default value is 10.
85
85
86
86
{% include figure.html content="/screens/islands/noInnerSpacing.png" caption="No Inner Spacing" %}
87
87
88
88
{% include figure.html content="/screens/islands/maxInnerSpacing.png" caption="Max Inner Spacing" %}
89
89
90
90
### Outer Margin
91
91
92
-
Controls the distance between the Islands and the editor edges. Default is 10.
92
+
Controls the distance between the Islands and the editor edges. The default value is 10.
93
93
94
94
{% include figure.html content="/screens/islands/noOuterMargin.png" caption="No Outer Margin" %}
95
95
96
96
{% include figure.html content="/screens/islands/maxOuterMargin.png" caption="Max Outer Margin" %}
97
97
98
-
**Note**: Margins are "eating up" on the editor area, leading to the tabs being "cut off" at the edges.
98
+
**Note**: Increasing margins reduces the available editor area, which may cause tabs to appear "cut off" at the edges.
99
99
{:class='card-panel warn'}
100
100
101
101
----
102
102
103
103
### Islands Gap
104
104
105
-
This setting only applies when the _Tool Windows_ are hidden.
105
+
This setting applies only when the _Tool Windows_ are hidden.
106
106
{:class='card-panel info'}
107
107
108
-
This option adds a horizontal gap between the edges of the IDE and the Islands, thus achieving a more centered layout. Default is 4.
108
+
This option adds a horizontal gap between the IDE edges and the Islands, creating a more centered layout. The default value is 4.
109
109
110
110
{% include figure.html content="/screens/islands/islandsGap.png" caption="Islands Gap" %}
111
111
112
112
{% include figure.html content="/screens/islands/maxGap.png" caption="Max Gap" %}
113
113
114
114
### Tool Windows Overlay Opacity
115
115
116
-
This setting controls the opacity of the overlay applied to Tool Windows when the application is not focused. By default, it's set to 50% opacity.
117
-
116
+
This setting controls the opacity of the overlay applied to Tool Windows when the application is not focused. The default value is 50%.
118
117
119
118
{% include figure.html content="/screens/islands/noOpacity.png" caption="Fully Opaque" %}
0 commit comments