Step-by-Step Guide to Creating a Custom AION Theme

Depending on what software or ecosystem you are referring to, the term Aion Theme usually applies to two major frameworks: AionUi (the open-source, local AI client framework) or the Aion MMORPG franchise (modifying game user interfaces).

The official step-by-step guides for creating custom themes across both contexts are outlined below. Option 1: Creating a Custom Theme for AionUi (AI Framework)

If you are developing a custom user interface appearance for AionUi (the local, open-source ⁄₇ AI Cowork application), custom themes are built using CSS overrides.

Step 1: Access Theme ManagementOpen your AionUi application platform and navigate to the styling or appearance settings window.

Step 2: Initialize a New ThemeClick the Add Manually button. This actions opens up the application’s built-in theme editing dialog panel.

Step 3: Define Metadata and AssetsType in your mandatory Theme Name. You can optionally upload a theme Cover Image (supported formats include PNG, JPG, GIF, and WebP) to identify it visually in your layout gallery.

Step 4: Write Your Theme StylesIn the integrated code editor panel, insert your custom CSS code. You can define custom color palettes, background surfaces, font properties, and borders to customize the AI interface’s wrapper layout.

Step 5: Apply and SaveClick the Save button. Your custom layout theme will immediately register within the client framework, allowing you to select and activate it natively. Option 2: Creating a Custom UI Theme for Aion (MMORPG)

If you are modifying the interface or HUD skins for the classic Aion MMORPG game client to optimize visual overview for PvP or PvE gameplay, themes require unpackaging and replacing internal asset files.

Step 1: Locate and Back Up UI AssetsNavigate to your main Aion game directory and locate the interface graphic packs (typically target files ending in a .pak format). Always back up your file first by copying it and renaming the copy to Filename.pak.bak.

Step 2: Extract Texture ArchivesConvert or rename your targeted .pak archive to a .zip archive file to extract the interface layout directory. Inside, locate the graphic asset layers, which are usually formatted as .dds or .png files.

Step 3: Edit UI Elements and GraphicsOpen the user interface textures in a graphic editing tool like Adobe Photoshop (using an NVIDIA DDS plugin) or a standard PNG editor.

Replace the main menu wallpaper by modifying Desk_bg001.png.

Adjust highlights by modifying selection files like 1.png or 4.png.

Change text colors by editing the raw hexadecimal color codes inside the associated UI config files (e.g., changing #ffffff for white or #000000 for black text).

Step 4: Reassemble the Asset PackageSave your graphical alterations explicitly using the required graphics compressed format. Drag your freshly edited asset files directly back into your extracted zip folder path.

Step 5: Load and Initialize Your Game ThemeRename the file format back from .zip into a .pak extension. Boot up your game client using your native launcher file to verify that your custom themed bars, icons, and menus load cleanly without corruption errors.

Which framework are you building a theme for? I can provide specific CSS selectors for AionUi or guide you through extracting texture paths for the game client. AI responses may include mistakes. Learn more

AI Assistants Ecosystem Guide · iOfficeAI/AionUi Wiki – GitHub