Revise "Component Settings" documentation: reorganize sections, add new visuals for icon loaders and tool window buttons, and remove outdated content.

Author: mallowigi

docs/configuration/component-settings.md

@@ -227,71 +227,52 @@ setting.
 
 {% include figure.html content="/screens/ui/macSettings.png" caption="Scrollbar Settings macOS" %}
 
-#### Editor scrollbars
-
-This feature is available in the free plan.
-{:class='card-panel warn'}
-
-Since 2019.1 the scrollbars enter into two categories:
-
-* _UI Scrollbars_: these are the scrollbars found throughout the UI, such as lists and trees.
-* _Editor Scrollbars_: these are scrollbars for the editor.
-
-Due to this separation, this setting only affects the _UI Scrollbars_.
-
-The _Editor Scrollbars_, in turn, are managed via a [**Color Scheme Setting Page**](/docs/configuration/scrollbars).
-
----
+----
 
-### Tabs shadow
+## Misc
 
-This feature is available in the free plan.
+These features are available in the free plan.
 {:class='card-panel warn'}
 
-This option enables/disables the shadow under the tabs.
-
-{% include figure.html content="/screens/tabs/tabShadow.png" caption="Tabs Shadow" %}
+### Extra Shadows
 
----
+This small tweak adds a shadow to some popups and notifications.
 
-### Shadows
+{% include figure.html content="/screens/ui/shadows.png" caption="Notifications Shadows" %}
 
-This feature is only available for premium users.
-{:class='card-panel warn'}
+### Circular Icon Loader
 
-This small tweak adds a shadow to popups and some notifications.
+This setting replaces the default icon loader (the gear-like animated icon) with the Material Icons' circular loader icon.
 
-{% include figure.html content="/screens/shadows.png" caption="Shadows" %}
+{% include figure.html content="/screens/ui/circleLoader.png" caption="Circular Icon Loader" %}
 
+{% include figure.html content="/screens/ui/miniLoader.png" caption="Small Icon Loader" %}
 
----
 
-### Inverted completion selection color
+**Note**: This feature is only usable in coordination with the _Atom Material Icons_ plugin, as the icon is part of that plugin.
+{:class='card-panel warn'}
 
-This feature is available in the free plan.
+**Note 2**: You need to restart the IDE for this setting to take effect.
 {:class='card-panel warn'}
 
-This setting allows you to choose between two styles for the **selected option** in the *Autocomplete Panel*:
+### Use Original Tool Window Buttons
 
-{% include figure.html content="/screens/normalSelection.png" caption="Normal selection" %}
+The plugin replaces the appearance of the tool window buttons with a circular, transparent shape on hover, and a fully squared, transparent shape for opened tool windows.
 
-{% include figure.html content="/screens/invertedSelection.png" caption="Inverted selection" %}
+This setting allows you to revert to the original tool window appearance instead.
 
----
+<div class="masonry" markdown="0">
 
-### Animated Tool Windows
+{% include figure.html content="/screens/ui/hoverTWButtons.png" caption="Material Tool Window Buttons on Hover" %}
 
-This feature is available in the free plan.
-{:class='card-panel warn'}
+{% include figure.html content="/screens/ui/toggledButtons.png" caption="Material Toggled Tool Window Buttons" %}
 
-This setting allows you to animate the **undocked** tool windows when they are opening/closing.
+</div>
+
+<div class="masonry" markdown="0">
 
-{% include figure.html content="/screens/animatedToolWindows.gif" caption="Animated Tool Windows" %}
+{% include figure.html content="/screens/ui/originalHoverTWButtons.png" caption="Original Tool Window Buttons on Hover" %}
 
-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.
+{% include figure.html content="/screens/ui/originalToggledButtons.png" caption="Original Toggled Tool Window Buttons" %}
 
-**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'}
+</div>