[update] add new setTheme() method and update related topics

Author: serhiipylypchuk1991

docs/api/config/js_kanban_theme_config.md

@@ -62,7 +62,7 @@ To configure the **theme**, you can use the following parameters.
     - `fonts` - (optional) enables/disables fonts loading from the CDN (wxi font)
 
 :::tip
-You can also apply the **Willow** and **Willow-Dark** themes as well. To change the current theme dynamically, you can use the [**setConfig()**](../../methods/js_kanban_setconfig_method) method.
+You can also apply the **Willow** and **Willow-Dark** themes as well. To change the current theme dynamically, you can use the [**setTheme()**](../../methods/js_kanban_settheme_method) method.
 :::
 
 ### Default config

docs/api/methods/js_kanban_setconfig_method.md

@@ -21,11 +21,7 @@ setConfig(config: object): void;
 - `config` - (required) the object of the Kanban configuration. See the full list of properties [here](api/overview/main_overview.md#kanban-properties)
 
 :::tip
-Using this method, you can configure the Kanban widget as well as load data to it. The method changes only the parameters you passed.
-:::
-
-:::important
-The `setConfig()` method destroys the current component and initialize a new one. If you use the component with **Toolbar**, you need to call the [`setConfig()`](api/methods/toolbar_setconfig_method.md) method of **Toolbar**, because it uses the internal API of Kanban. See the example below!
+Using this method, you can configure the Kanban widget as well as load data to it. The method doesn't change history (you cannot change history at all) and themes (use the [`setTheme()`](api/methods/js_kanban_settheme_method.md) method instead).
 :::
 
 ### Example

docs/api/methods/js_kanban_settheme_method.md

@@ -0,0 +1,48 @@
+---
+sidebar_label: setTheme()
+title: setTheme Method
+description: You can learn about the setTheme method in the documentation of the DHTMLX JavaScript Kanban library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Kanban.
+---
+
+# setTheme()
+
+### Description
+
+@short: Applies a new theme to Kanban dynamically (with reinitialization)
+
+### Usage
+
+~~~jsx {}
+setTheme(theme?: string): void;
+~~~
+
+### Parameters
+
+- `theme` - (optional) a theme to be applied to Kanban. There are 3 available themes:
+    - "material" (*default*)
+    - "willow"
+    - "willow-dark"
+
+:::tip
+To specify the initial theme, you can use the [**setTheme()**](../../config/js_kanban_theme_config) property.
+:::
+
+### Example
+
+~~~jsx {6}
+// create Kanban
+const board = new eventCalendar.EventCalendar("#root", {
+    // initial configuration parameters
+});
+// set the "willow" theme
+board.setTheme( "willow" );
+~~~
+
+**Change log:** The method was added in v2.0
+
+**Related articles:** [Stylization](../../../guides/stylization)
+
+**Related sample:**
+- [Kanban. Using themes](https://snippet.dhtmlx.com/jnw54xif?tag=kanban)
+- [Kanban. Including a theme as a stylesheet](https://snippet.dhtmlx.com/k3iw6ti0?tag=kanban)
+- [Kanban. Changing a theme via the CSS class](https://snippet.dhtmlx.com/7qzp561m?tag=kanban)

docs/api/overview/main_overview.md

@@ -64,6 +64,7 @@ new kanban.Toolbar("#toolbar", {
 | [](../methods/js_kanban_setlocale_method.md)             | @getshort(../methods/js_kanban_setlocale_method.md)     |
 | [](../methods/js_kanban_setsearch_method.md)             | @getshort(../methods/js_kanban_setsearch_method.md)     |
 | [](../methods/js_kanban_setsort_method.md)               | @getshort(../methods/js_kanban_setsort_method.md)       |
+| [](../methods/js_kanban_settheme_method.md)              | @getshort(../methods/js_kanban_settheme_method.md)      |
 | [](../methods/js_kanban_undo_method.md)                  | @getshort(../methods/js_kanban_undo_method.md)          |
 | [](../methods/js_kanban_unselectcard_method.md)          | @getshort(../methods/js_kanban_unselectcard_method.md)  |
 | [](../methods/js_kanban_updatecard_method.md)            | @getshort(../methods/js_kanban_updatecard_method.md)    |

docs/api/overview/methods_overview.md

@@ -36,6 +36,7 @@ description: You can have a Methods overview of JavaScript Kanban in the documen
 | [](../methods/js_kanban_setlocale_method.md)             | @getshort(../methods/js_kanban_setlocale_method.md)     |
 | [](../methods/js_kanban_setsearch_method.md)             | @getshort(../methods/js_kanban_setsearch_method.md)     |
 | [](../methods/js_kanban_setsort_method.md)               | @getshort(../methods/js_kanban_setsort_method.md)       |
+| [](../methods/js_kanban_settheme_method.md)              | @getshort(../methods/js_kanban_settheme_method.md)      |
 | [](../methods/js_kanban_undo_method.md)                  | @getshort(../methods/js_kanban_undo_method.md)          |
 | [](../methods/js_kanban_unselectcard_method.md)          | @getshort(../methods/js_kanban_unselectcard_method.md)  |
 | [](../methods/js_kanban_updatecard_method.md)            | @getshort(../methods/js_kanban_updatecard_method.md)    |

docs/guides/stylization.md

@@ -6,7 +6,7 @@ description: You can learn about the stylization in the documentation of the DHT
 
 # Stylization
 
-Using Kanban, you can stylize **columns**, **rows** and **cards** appearance via the [`columnShape.css`](../../api/config/js_kanban_columnshape_config), [`rowShape.css`](../../api/config/js_kanban_rowshape_config) and [`cardShape.css`](../../api/config/js_kanban_cardshape_config) properties. These properties allow you styles columns, rows and cards conditionally.
+Using Kanban, you can stylize **columns**, **rows** and **cards** appearance via the [`columnShape.css`](../../api/config/js_kanban_columnshape_config), [`rowShape.css`](../../api/config/js_kanban_rowshape_config) and [`cardShape.css`](../../api/config/js_kanban_cardshape_config) properties. These properties allow you to style columns, rows and cards conditionally.
 
 You can also apply a custom css class to a separate **column**, **row** and **card** via the [`columns.css`](../../api/config/js_kanban_columns_config), [`rows.css`](../../api/config/js_kanban_rows_config) and [`cards.css`](../../api/config/js_kanban_cards_config) properties.
 
@@ -95,7 +95,7 @@ Next versions of Kanban can bring some changes for the variables and their names
 
 ## Built-in themes
 
-You can use the [`theme`](../../api/config/js_kanban_theme_config) property to apply one of the following themes: **material**, **willow** and **willow-dark**.
+You can use the [`theme`](../../api/config/js_kanban_theme_config) property or the [`setTheme()`](../../api/methods/js_kanban_settheme_method) method to apply one of the following themes: **material**, **willow** and **willow-dark**.
 
 :::important
 Besides using the `theme` property, you can also apply the needed theme via adding the corresponding *css* classes to the widget containers:

sidebars.js

@@ -86,6 +86,7 @@ module.exports = {
                         "api/methods/js_kanban_setlocale_method",
                         "api/methods/js_kanban_setsearch_method",
                         "api/methods/js_kanban_setsort_method",
+                        "api/methods/js_kanban_settheme_method",
                         // U
                         "api/methods/js_kanban_undo_method",
                         "api/methods/js_kanban_unselectcard_method",