deploy: f10744d

Author: mallowigi

.idea/material-theme-docs.iml

@@ -1,7 +1,7 @@
 ---
 layout: docs
 title: Component Settings
-description: Further customize the IDE components
+description: Customize various components of the IDE.
 group: configuration
 comments: true
 toc: true
@@ -14,24 +14,51 @@ next:
   title: Features Settings
 ---
 
-This page controls the components used throughout the IDE, like buttons, scrollbars, etc.
+These settings provide you with a wide range of customization options for various IDE components.
 {:class='title'}
 
 {% include carbonads.html %}
 
-### Old Material Design style
+{% include figure.html content="/screens/settingsv3/uiComponents.png" caption="UI Components" %}
+
+### Material Design Style
 
 This feature is available in the free plan.
 {:class='card-panel warn'}
 
-This setting reverts the components to the previous _Material Design_ style of 2016,
-for those who prefer it over the new Material Design style.
+This setting allows you to choose between three _Material Design_ styles, each offering a distinct visual experience: **Material Design**, *
+*Material Theme**, and **Material You**.
 
-Please note: this style remains deprecated, e.g., it won't be getting any new features neither fixes for issues that can
-occur within this design.
-{:class='card-panel warn'}
+#### Material Design (Material 1)
+
+The first iteration of [Material Design from Google](https://m1.material.io/) features flat, rectangular elements with consistent spacing
+and shadows to convey depth. Input fields blend seamlessly with the background by omitting borders, **Roboto** serves as the primary
+font, toggled elements display an overlaid circle indicator, and selected tabs are marked by an underline.
+
+{% include figure.html content="/screens/ui/material1.png" caption="Material Design" %}
+
+#### Material Theme (Material 2)
+
+[Material Theme](https://m2.material.io) builds upon the same principles as Material Design while introducing a more modern and refined
+aesthetic. It incorporates softer, more rounded elements with enhanced emphasis on color and typography. Input fields now include borders
+for clearer distinction from the background, **Roboto** remains the primary font, menus and popups feature rounded corners, and most
+elements maintain Material 1's core principles with increased roundness throughout.
+
+{% include figure.html content="/screens/ui/material2.png" caption="Material Theme" %}
+
+#### Material You (Material 3)
+
+The latest iteration, [Material You](https://m3.material.io), introduces a more dynamic and contemporary design language. Input fields and
+buttons feature prominently rounded borders, **Google Sans** replaces Roboto as the primary typeface, and rounded corners appear throughout
+the interface. Tabs are now represented by a rounded indicator instead of a solid line, offering improved visibility and a more cohesive
+visual style.
+
+{% include figure.html content="/screens/ui/material3.png" caption="Material You" %}
+
+### Borderless Mode
 
-This feature has been available since 6.15.0
+This option allows you to replace the color of various borders and separators with the background color, giving the appearance of a
+**borderless** interface.
 
 ----
 
@@ -139,7 +166,10 @@ This setting allows you to animate the **undocked** tool windows when they are o
 
 {% include figure.html content="/screens/animatedToolWindows.gif" caption="Animated Tool Windows" %}
 
-It uses the registry feature behind the scenes, so it's available in the free plans. However, it is disabled on Linux as the animation is not smooth on this platform.
+It uses the registry feature behind the scenes, so it's available in the free plans. However, it is disabled on Linux as the animation is
+not smooth on this platform.
 
-**Important**: Since the animations only show for undocked tool windows, the plugin will ask you if you want to undock all currently opened tool windows. However, if you change your mind, an action "**Dock**" is available in the *Material Theme Toolbar* to dock back the tool windows.
+**Important**: Since the animations only show for undocked tool windows, the plugin will ask you if you want to undock all currently opened
+tool windows. However, if you change your mind, an action "**Dock**" is available in the *Material Theme Toolbar* to dock back the tool
+windows.
 {:class='card-panel warn'}