Theme Management Tool - Revision history

Peter at 17:04, 6 August 2026

2026-08-06T17:04:09Z

Karolina at 09:36, 16 July 2026

2026-07-16T09:36:25Z

Karolina: /* Sliders */

2026-07-16T08:20:36Z

‎Sliders

Karolina: /* Editing in Expert Mode */

2026-07-15T12:18:49Z

‎Editing in Expert Mode

Karolina: /* Labels */

2026-07-15T10:28:29Z

‎Labels

Karolina: /* Editing in Basic Mode */

2026-07-15T09:33:30Z

‎Editing in Basic Mode

Karolina at 08:54, 15 July 2026

2026-07-15T08:54:30Z

Karolina: /* Theme Presets */

2026-07-15T08:37:13Z

‎Theme Presets

Karolina: /* About Theme Managemnt Tool */

2026-07-15T08:34:49Z

‎About Theme Managemnt Tool

Karolina at 12:35, 30 April 2026

2026-04-30T12:35:32Z

@@ Line 1: / Line 1: @@
 <meta name="keywords" content="modulesgarden theme presets, modulesgarden theme configuration, modulesgarden theme management tool, modulesgarden theme guide, modulesgarden theme examples, modulesgarden theme documentation, modulesgarden theme wiki, whmcs theme presets, whmcs theme customization, whmcs admin theme"></meta>
-<meta name="description" content="ModulesGarden Wiki Contains All The Information You Need About Theme Presets Management Tool Used Across ModulesGarden Modules."></meta>
+<meta name="description" content="ModulesGarden Wiki Contains All The Information You Need About Theme Presets Management Tool Used Across WHMCS Modules."></meta>
 =About Theme Managemnt Tool=

@@ Line 1: / Line 1: @@
 <meta name="keywords" content="modulesgarden theme presets, modulesgarden theme configuration, modulesgarden theme management tool, modulesgarden theme guide, modulesgarden theme examples, modulesgarden theme documentation, modulesgarden theme wiki, whmcs theme presets, whmcs theme customization, whmcs admin theme"></meta>
 <meta name="description" content="ModulesGarden Wiki Contains All The Information You Need About Theme Presets Management Tool Used Across ModulesGarden Modules."></meta>
 =About Theme Managemnt Tool=

@@ Line 452: / Line 452: @@
 {|
 |style="padding: 0px 0px 30px 25px;"|[[File:TH_23_1.png]]
 |}

@@ Line 185: / Line 185: @@
 |style="padding: 10px 0px 30px 15px;"|
 Expert Mode provides full control over every interface element, allowing you to customize the module's appearance in detail.<br/>
-Each option includes a tooltip with the assigned CSS variable name, allowing you to clearly identify which variable controls a specific element and reference it in the configuration.<br/>
+* '''Tooltip''' - Each option includes a tooltip with the assigned CSS variable name, allowing you to clearly identify which variable controls a specific element and reference it in the configuration.<br/>
-Use the '''target''' icon to locate the currently customized item with its live preview on the right side.<br/>
+* '''Target''' - Use the '''target''' icon to locate the currently customized item with its live preview on the right side.<br/>
-To '''revert to default''' colours, just press the 'Reset to default' icon next to each setting.
+* '''Reset''' - To '''revert to default''' colours, just press the 'Reset to default' icon next to each setting.
 |}

@@ Line 351: / Line 351: @@
 * Warning
 * Danger
 |}
 {|

@@ Line 85: / Line 85: @@
 {|
 |style="padding: 10px 0px 15px 15px;"|When editing a theme, you can switch between two modes depending on the level of control required:
-* '''Basic Mode''' - simplified configuration
+* '''Mode:'''
-* '''Expert Mode''' - detailed customization
+** '''Expert Mode''' - detailed customization; explained in the next section
 Remember to save the changes when your custom theme is ready.<br/>
-For your convenience, each option includes a tooltip with the corresponding CSS variable name. This makes it easy to identify which variable controls a given element and locate it directly in the configuration.
+For your convenience, each option includes a '''tooltip with the corresponding CSS variable name'''. This makes it easy to identify which variable controls a given element and locate it directly in the configuration.
 |}
 {|

@@ Line 14: / Line 14: @@
 |}
-==Theme Presets==
+==Themes==
 {|
 |style="padding: 10px 0px 15px 15px;"|
-To access the Themes management section, navigate to your addon module menu: ''Navigation → Tools/Others → Themes'' or find it directly in the main menu, depending on the module.<br/>
+To access the theme management section, navigate to your addon module menu: ''Navigation → Tools/Others → Themes'' or find it directly in the main menu, depending on the module.<br/>
 The main view displays all available themes along with their status and assigned areas.<br/>
 The standard package includes the following built-in themes:
-* '''Default''' – used across all ModulesGarden modules; this preset is protected and cannot be modified or deleted. To make changes, create a new preset based on it.
+* '''Default''' – used across all ModulesGarden modules; this theme is protected and cannot be modified or deleted. To make changes, create a new preset based on it.
-* '''Dark''' – pre-configured dark theme intended for further customization.
+* '''Dark''' – pre-configured, officially supported dark theme intended for use as is or for further customization.
 * '''Ocean Mint''' – sample custom preset available for modification.<br/>
-'''''Important:''' The "Default" theme is the only officially supported theme. The remaining ones are provided as examples and may require adjustments before use.''
+'''''Important:''' The "Default" and "Dark" themes are the only officially supported themes. The remaining ones are provided as examples and may require adjustments before use.''
 |}
 {|
@@ Line 69: / Line 69: @@
 {|
 |style="padding: 0px 0px 15px 15px;"|
-'''1. Edit''' theme to adjust the module appearance.<br/>
+'''1. Edit''' theme to adjust the module's appearance.<br/>
 '''2. Remove''' any unused themes. Note that the "Default" theme and any theme currently assigned to an area cannot be deleted.
 |}

@@ Line 4: / Line 4: @@
 =About Theme Managemnt Tool=
 {|
-|style="padding: 10px 0px 30px 15px;"|The '''Themes''' management tool allows you to customize the appearance of the module interface using configurable templates.<br/> A theme template defines colors used across the UI, including backgrounds, text, buttons, inputs, and system messages. Each template 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 templates.<br/> A theme template defines colors used across the UI, including backgrounds, text, buttons, inputs, and system messages, and can be assigned independently to the Admin Area, Client Area, or both.<br/>
-Compose your own theme, or use the built-in examples to maintain visual consistency across all ModulesGarden modules.
+Create your own themes or use the built-in and officially supported '''Default''' and '''Dark''' themes to maintain a consistent appearance across all ModulesGarden modules.
 |}