ndGUI Theme Customizer


This page allows you to create a custom ndGUI theme by mixing the various elements of the two main styles (dovvetech and darktech) to your liking. You can't set the style of each GUI element individually (since there are about 80 or so of them); many of them are grouped in logical blocks that should be changed together for one reason or another, and are accessible via a single option.

Still, these options should give you a bit more freedom in customizing the look of ndGUI than simply using the six pre-built theme configurations.


Step #0: Download and install the notum|morph theme

The theme customizer can only be used with the theme created specifically for it: first you need to download and install this theme, unless you have already done so and just re-customizing:

notum|morph v4.3.4.5 (18.7.0) - 2015-Apr-22

The installation process is the same as for any of the regular theme packages.

Note: When using the notum|morph theme, if you want to disable the nanoicon borders, you need to do it here with the theme customizer, and not with the ndGUI Config Tool. Using the Config Tool to do so will just revert the theme to its default state and you'll lose your theme customization.


Step #1: Set custom style of theme elements

Presets & Config import
[?] Preset:
[?] Config string:

Control Center
[?] HP/Nano/XP/AXP bars:
[?] Compass: Waypoint marker:
[?] Menu background: Number bar:
[?] Menu buttons:
[?] AggDef bar: Creds/NCU bar:
[?] Shortcutbar header: Macro button icon:
[?] Target HP bars:
[?] Mouse pointers:
Window frame
[?] Style:
[?] Header bar: Header buttons:
Window body & Commmon controls
[?] Style: Background:
Special window elements
[?] Inline buttons: NPC dialog buttons:
[?] Sliders: Slider marker:
[?] Separator line:
[?] Inset style:
[?] Nanoprogram slots: Nanoicon borders:
[?] NCU slots:
[?] Generic (item) slots: Itemref overlay:
[?] Timer bar / list header:

Step #2: Generate theme definition data

Once done with setting up your custom theme, click the button below to generate the new theme definition data into the textbox.




Step #3: Apply new theme definition

Important: The theme definition generated by the customizer can only be used with the notum|morph theme. Make sure you have it installed before continuing.

Once the definition data is generated, you need to apply it by replacing the current content of the theme definition file with the new data:
  1. Completely exit the game
  2. Start the AO launcher, click "Settings", then select the "GUI" tab in the Settings window
  3. Click the "Open" button next to the "Skins" line in the "Folders" frame to open the custom GUI folder, then click "Cancel" in the AO Settings window
  4. Open the "ndGUI" folder in the custom GUI folder
  5. Locate the "Graphics.uvgi" file, and open it with a plain text editor (eg. Notepad)
  6. Select all the content of the file and delete it
  7. Select all the content of the textbox above and copy it to the clipboard
  8. Paste the content of the clipboard into the empty "Graphics.uvgi" file
  9. Save and close the file

Note: When using the notum|morph theme, if you want to disable the nanoicon borders, you need to do it here with the theme customizer, and not with the ndGUI Config Tool. Using the Config Tool to do so will just revert the notum|morph theme to its default state and you'll lose your theme customization.




If something went wrong...

If you encounter issues with your customized theme (such as some GUI elements missing or the game failing to start at all), you need to revert either to the default notum|morph theme definition, or download and install any of the regular themes available on the main page.

Also, if you feel like helping me to diagnose and fix the issue, it would help if you could first post the first line of your current "Graphics.uvgi" file to the Notum Dovvetech GUI 4.3 thread along with what issue did you experience when using that theme configuration.

To revert to the default notum|morph theme definition:
  1. Completely exit the game
  2. Start the AO launcher, click "Settings", then select the "GUI" tab in the Settings window
  3. Click the "Open" button next to the "Skins" line in the "Folders" frame to open the custom GUI folder, then click "Cancel" in the AO Settings window
  4. Open the "ndGUI" folder in the custom GUI folder and start the Config Tool (ndGUI_Config_Tool.cmd)
  5. Select the "Nano Icon Borders" option in the "Config Options" menu
  6. Depending on your preference, select the "Visible" or "Removed" state (this will overwrite the non-functional theme definition with a good default one)
  7. Once the change has been applied, step back to the "Config Options" menu then quit the Config Tool