Theme Management Tool - Revision history

Karolina: /* URLs */

2026-04-15T12:09:59Z

‎URLs

2026-04-15T11:45:27Z

‎Code Box

2026-04-15T11:38:29Z

‎About Theme Managemnt Tool

2026-04-15T11:21:14Z

‎Tips

2026-04-15T11:20:26Z

‎Tips

2026-04-15T11:04:25Z

‎Theme Presets

2026-04-15T07:52:25Z

‎General

2026-04-15T07:02:11Z

‎Tips

2026-04-15T06:56:24Z

‎Examples

2026-04-15T06:46:10Z

‎Editing in Basic Mode

@@ Line 418: / Line 418: @@
 |}
 {|
-|style="padding: 0px 0px 30px 25px;"|[[File:TH_24_2.png]]
+|style="padding: 0px 0px 20px 25px;"|[[File:TH_24_2.png]]
 |}

@@ Line 411: / Line 411: @@
 {|
 |style="padding: 0px 0px 20px 25px;"|[[File:TH_24_1.png]]
 |}

@@ Line 4: / Line 4: @@
 =About Theme Managemnt Tool=
 {|
-|style="padding: 10px 0px 30px 15px;"|The '''Theme''' management tool allows you to customize the appearance of the module interface using configurable '''Theme Presets'''.<br/> A preset defines colors used across the UI, including backgrounds, text, buttons, inputs, and system messages. Each preset can be applied separately to the '''Admin Area''', '''Client Area''', or both. <br/>
+|style="padding: 10px 0px 30px 15px;"|The '''Theme''' management tool allows you to customize the appearance of the module interface using configurable '''Theme Presets'''.<br/> A preset defines colors used across the UI, including backgrounds, text, buttons, inputs, and system messages. Each preset can be applied separately to the admin area, client area, or both. <br/>
-Compose your own presets, or use the built-in set to maintain visual consistency across all ModulesGarden modules.
+Compose your own presets, or use the built-in examples to maintain visual consistency across all ModulesGarden modules.
 |}

@@ Line 457: / Line 457: @@
 |}
 {|
-|style="padding: 0px 0px 30px 15px;"|3. Built-in presets are provided as examples and can be freely modified. They are not officially supported or guaranteed to be fully compatible with all ModulesGarden modules.<br/>
+|style="padding: 0px 0px 30px 15px;"|3. Built-in presets are provided as examples and can be freely modified. They are not officially supported or guaranteed to be fully compatible with all ModulesGarden modules.<br/> If you encounter any issues, adjust the styles as needed.
 If you encounter any issues, adjust the styles as needed.
 |}

@@ Line 454: / Line 454: @@
 |}
 {|
-|style="padding: 0px 0px 30px 15px;"|2. Test changes in both admin and client areas, using separate presets is often more effective due to different user needs.
+|style="padding: 0px 0px 10px 15px;"|2. Test changes in both admin and client areas, using separate presets is often more effective due to different user needs.
 |}

@@ Line 22: / Line 22: @@
 * Default preset - used across all ModulesGarden modules
 * Dark preset - custom classic dark mode
-* HaX0r - custom built-in preset
+* HaX0r - custom built-in preset<br/>
 |}
 {|

@@ Line 177: / Line 177: @@
 ** Default Texts - default text color used across the interface.
 ** Page Background -  background color of the entire page.
 *'''Containers'''
 ** Table Dividers - lines separating rows and columns in tables,

@@ Line 447: / Line 447: @@
 =Tips=
 {|
-|style="padding: 10px 0px 10px 15px;"|1. Export presets regularly to keep backup copies of your configurations.
+|style="padding: 10px 0px 10px 15px;"|'''1. Export presets to keep backup copies of your configurations and reuse them across other ModuelsGarden modules.'''
 |}
 {|
-|style="padding: 0px 0px 10px 15px;"|2. Test changes in both Admin and Client Areas, using separate presets is often more effective due to different user needs.
+|style="padding: 0px 0px 30px 15px;"|2. Test changes in both admin and client areas, using separate presets is often more effective due to different user needs.
-|}
-{|
-|style="padding: 0px 0px 30px 15px;"|3. Maintain proper contrast for readability and avoid overusing strong or saturated colors.
 |}

@@ Line 431: / Line 431: @@
 {|
 |style="padding: 0px 0px 20px 20px;"|[[File:TH_26.png]]
 |}
 {|
@@ Line 437: / Line 440: @@
 {|
 |style="padding: 0px 0px 30px 25px;"|[[File:TH_27.png]]
 |}

@@ Line 79: / Line 79: @@
 * '''Expert Mode''' - detailed customization
-Basic Mode allows you to quickly define a consistent appearance using global color groups. <br/>
+'''Basic Mode''' allows you to quickly define a consistent appearance using global color groups.
-On the left side, you will find specific areas with default colors configured; on the right side, you will find a live preview of the display modification.<br/> Whenever you change a color on the left, its live preview will display the change. To '''revert to default''' colours, just press the 'Reset to default' icon next to each setting.<br/>
+* On the left side, you will find specific areas with default colors configured.<br/>
 Remember to save the changes when your custom preset is ready.<br/>