deploy: cfb4957

Author: mallowigi

docs/archives.md

@@ -33,7 +33,7 @@ New year, new version! This version fixes a few issues related to the **Theme Ra
 
 A new feature has been added to the **UI Components** settings, **Custom Search Everywhere**, allowing you to customize the UI of the search everywhere popup.
 
-{% include figure.html content="/screens/largerSearch.png" caption="Larger Search Everywhere" %}
+{% include figure.html content="/screens/archive/largerSearch.png" caption="Larger Search Everywhere" %}
 
 This feature is available in the Free plan, but further customization is only available in the Premium plan:
 - Custom padding
@@ -324,7 +324,7 @@ Note: This layout requires closing all projects when you change the settings.
 
 A new setting has been added to the **UI Components**: **Rounded Buttons**. This setting will allow you to control the border radius of all buttons in the IDE, making them more rounded or less rounded, according to your tastes.
 
-{% include figure.html content="/screens/roundedButtons.png" caption="Rounded Buttons" %}
+{% include figure.html content="/screens/archive/roundedButtons.png" caption="Rounded Buttons" %}
 
 ----
 
@@ -415,15 +415,15 @@ As a follow-up to the feature introduced in version 9.2.0, **Use Original Tool W
 
 You can find this setting in the **Material Theme > UI Components Settings**
 
-{% include figure.html content="/screens/actionButtonsRadius.png" caption="Action Buttons Radius Settings" %}
+{% include figure.html content="/screens/archive/actionButtonsRadius.png" caption="Action Buttons Radius Settings" %}
 
 Comparison:
 
-{% include figure.html content="/screens/fullRadius.png" caption="Full Rounded buttons" %}
+{% include figure.html content="/screens/archive/fullRadius.png" caption="Full Rounded buttons" %}
 
-{% include figure.html content="/screens/halfRadius.png" caption="Half Rounded buttons" %}
+{% include figure.html content="/screens/archive/halfRadius.png" caption="Half Rounded buttons" %}
 
-{% include figure.html content="/screens/noRadius.png" caption="Not Rounded buttons" %}
+{% include figure.html content="/screens/archive/noRadius.png" caption="Not Rounded buttons" %}
 
 ### More Overlays
 
@@ -465,7 +465,7 @@ This feature is the result of a particular demand by some users to restore the o
 
 As you may know, the plugin changed the look and feel of those buttons to look like the Material Design look and feel, by replacing them with a transparent circle of the accent color. However some users preferred the original look of the buttons, and as such, this feature was added to the plugin.
 
-{% include figure.html content="/screens/originalToolWindowButtons.png" caption="Original Tool Window Hover Buttons" %}
+{% include figure.html content="/screens/archive/originalToolWindowButtons.png" caption="Original Tool Window Hover Buttons" %}
 
 ### Other Bug fixes and improvements
 

docs/configuration/features-settings.md

@@ -148,4 +148,69 @@ These wallpapers are also compatible with custom and external themes, as they au
 {:class='card-panel danger'}
 
 **Note 2**: As of March 2026, setting a wallpaper—whether through the plugin or manually—will disable gradients in the application frame. We are investigating whether this limitation can be addressed in future updates.
-{:class='card-panel warn'}
+{:class='card-panel warn'}
+
+----
+
+### Custom UI Font
+
+The Material Theme UI plugin replaces the IDE's default font with the standard fonts recommended by Material Design style guides.
+
+For _Material Design (Material 1)_ and _Material Theme (Material 2)_, the recommended font is [**Roboto**](https://fonts.google.com/specimen/Roboto). For _Material You (Material 3)_, it uses [**Google Sans**](https://fonts.google.com/specimen/Google+Sans). For CJK (Chinese, Japanese, Korean) languages, it uses [**Noto Sans**](https://fonts.google.com/noto/specimen/Noto+Sans?query=noto+sans).
+
+While you can change the font via `Settings > Appearance & Behavior > Appearance > Use custom font`, doing so sets a global IDE state that may interfere with features like *Zoom Level* or *Presentation Mode*.
+
+The **Custom UI Font** option in the Material Theme settings allows you to customize the font without these side effects.
+
+{% include figure.html content="/screens/features/apperance.png" caption="Custom UI Font" %}
+
+{% include figure.html content="/screens/features/customFont.png" caption="Custom UI Font" %}
+
+**Note**: If you have already set a custom font in the IDE's _Appearance_ settings, that setting will take precedence over this one.
+{:class='card-panel warn'}
+
+----
+
+### File Status Colors
+
+By default, JetBrains IDEs color filenames based on their Version Control (VCS) status (see [File Status Colors](/docs/configuration/file-status-colors.md)). These colors are typically defined within the *Color Scheme* rather than the *UI Theme*.
+
+This setting allows you to enforce these colors when switching themes, making them independent of the active *Color Scheme*. This is particularly useful for themes that don't define these colors or if you prefer consistent file colors across different schemes.
+
+{% include figure.html content="/screens/features/customFileColors.png" caption="Custom File Colors" %}
+
+These colors can be customized in `Settings > Editor > Color Scheme > Custom File Colors` and will override the defaults in `Settings > Version Control > File Status Colors`.
+
+**Note**: Enabling this option modifies the current Color Scheme by creating a copy with the new settings. Disabling the option will not automatically restore the original colors; you must manually click **Restore Defaults** in the Color Scheme settings to revert.
+{:class='card-panel warn'}
+
+### Custom Directories Style
+
+Similar to *File Status Colors*, this setting adds an option to the *Custom File Colors* scheme settings, allowing you to set custom colors for modules or directories.
+
+{% include figure.html content="/screens/features/directories.png" caption="Directories File Colors" %}
+
+{% include figure.html content="/screens/features/customDirectoriesStyle.png" caption="Custom Directories Style" %}
+
+**Note**: Although you can configure background, marker, and effects colors, only the foreground color will be applied.
+{:class='card-panel'}
+
+**Note 2**: Like *File Status Colors*, this feature modifies your active color scheme.
+{:class='card-panel warn'}
+
+----
+
+## Color Scheme Tweaks
+
+These settings modify your current color scheme rather than the IDE's overall appearance. Please note that applying these changes might overwrite any custom modifications you have made to the color scheme.
+{:class='card-panel warn'}
+
+### Automatically reset color scheme
+
+This option automatically removes all customizations from your color scheme when switching themes. This ensures a clean slate, which is especially useful given that many plugins, including this one, modify color schemes.
+
+It also ensures you receive all the latest color scheme updates, as copied schemes cannot automatically detect changes to the original.
+
+### Use Editor Default Font
+
+This option overrides the color scheme's font with the *Default Font* defined in `Settings > Editor > Font`. Since color schemes can define their own fonts—leading to inconsistencies across different themes—enabling this ensures a uniform typography regardless of the active color scheme.

docs/configuration/other-tweaks-settings.md

@@ -251,7 +251,7 @@ Starting from version 2.9.4/2.10.4, you can also see your current accent color.
 As a result, it has been removed from the plugin.
 {:class='card-panel warn'}
 
-{% include figure.html content="/screens/statusbar.png" caption="Status Bar Toggles" %}
+{% include figure.html content="/screens/archive/statusbar.png" caption="Status Bar Toggles" %}
 
 -----
 

docs/icons/associations-editor.md

@@ -25,7 +25,7 @@ View, Add and Edit your icon associations!
 Since version 50.0 of the _Atom Material Icons_ plugin, a new Settings Page has been added allowing you to view,
 add, remove or edit the plugin's associations directly from inside the IDE.
 
-{% include figure.html content="/screens/customAssociations.png" caption="Icon Associations Editor" %}
+{% include figure.html content="/screens/atom/customAssociations.png" caption="Icon Associations Editor" %}
 
 ## Features
 
@@ -118,4 +118,4 @@ A button is available at the bottom of the table to remove all custom associatio
 
 ### Downloading default icons
 
-You can download the icons provided by the plugin in the following repository: <https://github.com/mallowigi/iconGenerator>.
+You can download the icons provided by the plugin in the following repository: <https://github.com/mallowigi/iconGenerator>.

docs/icons/atom-material-icons-plugin.md

@@ -31,9 +31,9 @@ plugin of the Material Theme whose purpose is to customize all IDE icons. It was
 but has been extracted from it since version 2.9.0, in order to tend to users who don't need the themes but do need the
 icons, the same way it's done in Atom or Visual Studio.
 
-{% include figure.html content="/screens/atomMaterial.png" caption="Atom Material Toolbar" %}
+{% include figure.html content="/screens/atom/atomMaterial.png" caption="Atom Material Toolbar" %}
 
-{% include figure.html content="/screens/atomMaterialSettings.png" caption="Atom Material Settings" %}
+{% include figure.html content="/screens/atom/atomMaterialSettings.png" caption="Atom Material Settings" %}
 
 The UI is a bit different from the Material Theme UI but provides the same capability nonetheless.
 
@@ -69,7 +69,7 @@ patterns and replaces them with the relevant icon, such as:
 - `composer.json`
 - etc...
 
-{% include figure.html content="/screens/file-icons.png" caption="File Icons" %}
+{% include figure.html content="/screens/atom/file-icons.png" caption="File Icons" %}
 
 You can find more information at the [Associations](/docs/reference/associations).
 
@@ -114,11 +114,11 @@ inside documentation panels.
 
 This toggle lets you replace the PSI icons (e.g. Class, Interface, Enums, functions, etc) with Material icons.
 
-{% include figure.html content="/screens/psiIcons.png" caption="PSI Icons" %}
+{% include figure.html content="/screens/atom/psiIcons.png" caption="PSI Icons" %}
 
 The Structure Panel icons are also changed:
 
-{% include figure.html content="/screens/psiStructure.png" caption="PSI Icons" %}
+{% include figure.html content="/screens/atom/psiStructure.png" caption="PSI Icons" %}
 
 This option makes it look like the Visual Studio Code *Outline* Panel, as well as Rider or Resharper structure panels.
 
@@ -131,7 +131,7 @@ This option allows you to _completely hide_ the __file icons__ from the IDE.
 It hides them from the _Project Tree_, Tabs, Dialogs and everything.
 Folders are unaffected, though.
 
-{% include figure.html content="/screens/hideFileIcons.png" caption="Hide File Icons" %}
+{% include figure.html content="/screens/archive/hideFileIcons.png" caption="Hide File Icons" %}
 
 **Note**: This feature takes precedence over default file icons providers, and the plugin's own ones.
 However, some plugins might have an even greater precedence, meaning you would still see icons from such plugins.
@@ -143,7 +143,7 @@ However, some plugins might have an even greater precedence, meaning you would s
 
 Same setting as the _Hide File Icons_ except that it works for folders.
 
-{% include figure.html content="/screens/hideFolderIcons.png" caption="Hide Folder Icons" %}
+{% include figure.html content="/screens/archive/hideFolderIcons.png" caption="Hide Folder Icons" %}
 
 
 ----
@@ -153,7 +153,7 @@ Same setting as the _Hide File Icons_ except that it works for folders.
 This option allows you to apply a monochrome filter to the whole IDE, just like the color blindness filter.
 This is ideal for people who don't like the avalanche of colors provided by the different icons.
 
-{% include figure.html content="/screens/monochrome.png" caption="Monochrome Icons" %}
+{% include figure.html content="/screens/archive/monochrome.png" caption="Monochrome Icons" %}
 
 By applying this filter, all icons will be filtered with a shade of the primary color, that is, the color of the items
 in the Project View of the current theme.
@@ -168,7 +168,7 @@ Note: This setting not only filters out the toolbar and file icons, but even too
 This feature further decorates the _Project View_ by emphasizing the folders that contain files that are currently open
 in the editor, making them appear as "**hollow**".
 
-{% include figure.html content="/screens/hollowFolders.png" caption="Hollow Folders" %}
+{% include figure.html content="/screens/archive/hollowFolders.png" caption="Hollow Folders" %}
 
 Not only regular folders, but also excluded folders, resource folders or even decorated folders have a hollow
 counterpart.
@@ -181,9 +181,9 @@ This option allows you to change the size of the icons ranging from 12px to 24px
 
 Moreover, it adapts the Project View Items' height to the new size.
 
-{% include figure.html content="/screens/normalIcons.png" caption="Normal Icons" %}
+{% include figure.html content="/screens/archive/normalIcons.png" caption="Normal Icons" %}
 
-{% include figure.html content="/screens/biggerIcons.png" caption="Bigger Icons" %}
+{% include figure.html content="/screens/archive/biggerIcons.png" caption="Bigger Icons" %}
 
 **Note**: The IDEs aren't optimized to handle bigger icons, so there could be parts of the IDE that are missing icons,
 or that the containers will appear larger/wider/bigger. Please be aware of such issues when using this setting.