> ## Documentation Index
> Fetch the complete documentation index at: https://docs.m1amdocs.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Manage Themes

1. Navigate to **Services** > **Themes**.

   The **Themes** page appears.

   <img src="https://mintcdn.com/amdocs-spbu/v6XW4z-1DbX5IGa9/marketONE/EMIGuide/images/Theme.png?fit=max&auto=format&n=v6XW4z-1DbX5IGa9&q=85&s=23db044146ed0ba7026a0b2111438d55" alt="Themes page" width="1750" height="1012" data-path="marketONE/EMIGuide/images/Theme.png" />

2. Select what you'd like to do:

   * To create a theme, select **Create**.

   * To edit a theme, scroll to the **Recent Programmings** or **Draft Programmings** list and select the edit icon <img src="https://mintcdn.com/amdocs-spbu/itXsdbmkLJUvOY0b/marketONE/EMIGuide/images/EditIcon.png?fit=max&auto=format&n=itXsdbmkLJUvOY0b&q=85&s=cfa09afdf24ba7c668f440d0c1dc44e1" alt="Edit Icon" width="62" height="49" data-path="marketONE/EMIGuide/images/EditIcon.png" /> for the item.

   * To clone a theme, scroll to the item in the **Recent Programmings** or **Archived Programmings** list and select the clone icon <img src="https://mintcdn.com/amdocs-spbu/itXsdbmkLJUvOY0b/marketONE/EMIGuide/images/CloneIcon.png?fit=max&auto=format&n=itXsdbmkLJUvOY0b&q=85&s=6b3691edb2b9cecc3ba1de042f979834" alt="Clone Icon" width="59" height="52" data-path="marketONE/EMIGuide/images/CloneIcon.png" /> for the item.

   * To validate a theme, select **See awaiting programming**.

     The pop-up appears.

     Review the theme and select **Validate** or **Deny**.

     If you chose to validate, the state of the theme is now **Validated**. The theme is ready to be published.

   * To publish a validated theme, select the population to publish to within the **Publication** section.

     The theme now has a **Transmitted** state and has been published successfully.

   * To view current, pending, or archived themes, scroll to the **Recent Programmings**, **Awaiting Programmings**, or **Archived Programmings** list, and select the view icon <img src="https://mintcdn.com/amdocs-spbu/v6XW4z-1DbX5IGa9/marketONE/EMIGuide/images/ViewIcon.png?fit=max&auto=format&n=v6XW4z-1DbX5IGa9&q=85&s=7b048619b1811761701e00ebce8af822" alt="View Icon" width="44" height="44" data-path="marketONE/EMIGuide/images/ViewIcon.png" /> for the item.

     The programming dialog appears.

   * To delete a theme, scroll to the item in the **Recent Programmings**, **Draft Programmings** or **Archived Programmings** list and select the delete icon <img src="https://mintcdn.com/amdocs-spbu/itXsdbmkLJUvOY0b/marketONE/EMIGuide/images/DeleteIcon.png?fit=max&auto=format&n=itXsdbmkLJUvOY0b&q=85&s=a591837b380635c93cadb38a7bb72d2f" alt="Delete Icon" width="54" height="46" data-path="marketONE/EMIGuide/images/DeleteIcon.png" /> for the item.

     The confirmation dialog appears. Select **Delete**.

     The theme has been successfully deleted.

   If you choose to create or edit a theme, the **Create or Edit a Theme** page appears.

3. Make configurations as desired. See the table below for more information about each box.

4. Select what you'd like to do.

   * To submit the programming for validation, select **Save and Continue**.
   * To save and exit the program editor, select **Save and Close**.
     If you choose to submit the theme for validation, the **Publication** page appears.

5. Select a publishing type, select a [population](populationsAbout) from the dropdown menu, and enter the start date to publish in the **Start Date** field.

6. Select **Submit**.

   The **Programming Summary** page appears.

7. Select what you'd like to do.

   * To confirm that you want to submit your theme for validation, select **Confirm**.

     The state of the theme is now **Awaiting Validation**. The theme needs to be validated in order to be published. The theme appears in the **Recent Programmings** list.

   * To cancel, select **Abort**.

     The theme appears in the **Draft Programmings** list if you want to edit it later.

8. To validate the theme, select **See awaiting programming**.

   The validation dialog appears.

9. Select what you'd like to do.

   * To validate the theme, select **Validate**.

     The state of the theme is now **Validated**. The theme is ready to be published. See step #2 for more information about publishing.

   * To deny validation, select **Deny**.

     The state of the theme is now **Validation Denied**.

* **[Theme Fields](manageThemes#theme-fields)**

**Parent topic:**[Themes](themesAbout)

## Theme Fields

| Box Name | Description Value |
| - | - |
| **Name** | Enter the name of the theme. |
| **Target** | Enter the publication target. For example: web. |
| **Default Language** | Select the default language for the theme from the dropdown menu. |

### Graphic Assets

| Box Name | Description Value |
| - | - |
| **Logo** | Add your company logo. It will appear at the top of every storefront page. Logos are 100x100 pixels. To add a logo: 1. Select the edit icon <img src="https://mintcdn.com/amdocs-spbu/itXsdbmkLJUvOY0b/marketONE/EMIGuide/images/EditIcon.png?fit=max&auto=format&n=itXsdbmkLJUvOY0b&q=85&s=cfa09afdf24ba7c668f440d0c1dc44e1" alt="Edit Icon" width="62" height="49" data-path="marketONE/EMIGuide/images/EditIcon.png" />. 2. Select an image. 3. Crop the image and select **Crop**. To delete a logo:1. Select the delete icon <img src="https://mintcdn.com/amdocs-spbu/itXsdbmkLJUvOY0b/marketONE/EMIGuide/images/DeleteIcon.png?fit=max&auto=format&n=itXsdbmkLJUvOY0b&q=85&s=a591837b380635c93cadb38a7bb72d2f" alt="Edit Icon" width="54" height="46" data-path="marketONE/EMIGuide/images/DeleteIcon.png" />. |
| **Page Background Image** | Provide the background image in landscape format (1920x1080 pixels). If you add background images in both landscape and portrait formats, it will ensure a responsive layout. **Note:** This will override the **UI Colors** background configuration. To add a background image: 1. Select the edit icon <img src="https://mintcdn.com/amdocs-spbu/itXsdbmkLJUvOY0b/marketONE/EMIGuide/images/EditIcon.png?fit=max&auto=format&n=itXsdbmkLJUvOY0b&q=85&s=cfa09afdf24ba7c668f440d0c1dc44e1" alt="Edit Icon" width="62" height="49" data-path="marketONE/EMIGuide/images/EditIcon.png" />. 2. Select an image. 3. Crop the image and select **Crop**. To delete a background image:1. Select the delete icon <img src="https://mintcdn.com/amdocs-spbu/itXsdbmkLJUvOY0b/marketONE/EMIGuide/images/DeleteIcon.png?fit=max&auto=format&n=itXsdbmkLJUvOY0b&q=85&s=a591837b380635c93cadb38a7bb72d2f" alt="Edit Icon" width="54" height="46" data-path="marketONE/EMIGuide/images/DeleteIcon.png" />. |
| **Page Portrait Background Image** | Provide the background image in portrait orientation (1080x1920 pixels).If you add background images in both landscape and portrait formats, it will ensure a responsive layout. To add a portrait background image: 1. Select the edit icon <img src="https://mintcdn.com/amdocs-spbu/itXsdbmkLJUvOY0b/marketONE/EMIGuide/images/EditIcon.png?fit=max&auto=format&n=itXsdbmkLJUvOY0b&q=85&s=cfa09afdf24ba7c668f440d0c1dc44e1" alt="Edit Icon" width="62" height="49" data-path="marketONE/EMIGuide/images/EditIcon.png" />. 2. Select an image. 3. Crop the image and select **Crop**. To delete a portrait background image:1. Select the delete icon <img src="https://mintcdn.com/amdocs-spbu/itXsdbmkLJUvOY0b/marketONE/EMIGuide/images/DeleteIcon.png?fit=max&auto=format&n=itXsdbmkLJUvOY0b&q=85&s=a591837b380635c93cadb38a7bb72d2f" alt="Edit Icon" width="54" height="46" data-path="marketONE/EMIGuide/images/DeleteIcon.png" />. |

### UI Colors

| Box Name | Description Value |
| - | - |
| **Active Colors** | Select the colors for the main UI elements:- Primary Color <img src="https://mintcdn.com/amdocs-spbu/itXsdbmkLJUvOY0b/marketONE/EMIGuide/images/PrimaryColor.png?fit=max&auto=format&n=itXsdbmkLJUvOY0b&q=85&s=2a23bfc875178b17cf0b09de44a9800f" alt="Primary Color" width="1744" height="447" data-path="marketONE/EMIGuide/images/PrimaryColor.png" /> - Primary Text Color - CTA Button Hover Background Color - CTA Button Hover Text Color |
| **Accent Colors** | Select the accent colors for the UI:- Secondary Color <img src="https://mintcdn.com/amdocs-spbu/itXsdbmkLJUvOY0b/marketONE/EMIGuide/images/SecondaryColor.png?fit=max&auto=format&n=itXsdbmkLJUvOY0b&q=85&s=9b8cb46d36b3d2f1291a4ee3e87590b5" alt="Secondary Color" width="964" height="425" data-path="marketONE/EMIGuide/images/SecondaryColor.png" /> - Monthly Saving Color - Secondary Text Color |
| **Footer Colors** | Select the footer colors for the UI:- Tertiary Color - Tertiary Text Color <img src="https://mintcdn.com/amdocs-spbu/itXsdbmkLJUvOY0b/marketONE/EMIGuide/images/Footer.png?fit=max&auto=format&n=itXsdbmkLJUvOY0b&q=85&s=8521ccf90fe8fe3b5a89132ec9d0d70b" alt="Footer Colors" width="1332" height="357" data-path="marketONE/EMIGuide/images/Footer.png" /> |
| **Global Colors** | Select the colors used for the main text and background colors:- Text Color - Background Color - Secondary Background Color <img src="https://mintcdn.com/amdocs-spbu/itXsdbmkLJUvOY0b/marketONE/EMIGuide/images/GlobalColors1.png?fit=max&auto=format&n=itXsdbmkLJUvOY0b&q=85&s=a107139a276793a8408a074399ab4c42" alt="Global Colors" width="806" height="217" data-path="marketONE/EMIGuide/images/GlobalColors1.png" /> <img src="https://mintcdn.com/amdocs-spbu/itXsdbmkLJUvOY0b/marketONE/EMIGuide/images/GlobalColors2.png?fit=max&auto=format&n=itXsdbmkLJUvOY0b&q=85&s=615f1f099ec514df0cfef92cafc80db7" alt="Global Colors" width="1895" height="958" data-path="marketONE/EMIGuide/images/GlobalColors2.png" /> <img src="https://mintcdn.com/amdocs-spbu/itXsdbmkLJUvOY0b/marketONE/EMIGuide/images/GlobalColors3.png?fit=max&auto=format&n=itXsdbmkLJUvOY0b&q=85&s=51b14fedf14248386c4779b2d27cf6e3" alt="Global Colors" width="898" height="731" data-path="marketONE/EMIGuide/images/GlobalColors3.png" /> |
| **Content Layout Colors** | Select the colors used for the following:- Interactive Action Button Background Color - Interactive Action Button Text Color |

### Secondary UI Colors

| Box Name | Description Value |
| - | - |
| **Bundle Colors** | Select the colors for soft and hard bundle elements:- Bundle Text - Bundle Background - Bundle Container - Hard Bundle Container <img src="https://mintcdn.com/amdocs-spbu/itXsdbmkLJUvOY0b/marketONE/EMIGuide/images/BundleColors.png?fit=max&auto=format&n=itXsdbmkLJUvOY0b&q=85&s=79da7930da539955a1a1e0f5b2452862" alt="Bundle Colors" width="804" height="810" data-path="marketONE/EMIGuide/images/BundleColors.png" /> |
| **Subscription Status Colors** | Select the colors for subscription status elements in the UI:- Free Trial Background - Payment Error Background - Pending Pause Background - Pending Cancel Background - Paused Background - Not Activated Background - Free Trial Text - Payment Error Text - Pending Pause Text - Pending Cancel Texts - Paused Texts - Not Activated Text <img src="https://mintcdn.com/amdocs-spbu/v6XW4z-1DbX5IGa9/marketONE/EMIGuide/images/SubscriptionStatusColors.png?fit=max&auto=format&n=v6XW4z-1DbX5IGa9&q=85&s=3602b78c029b1d07164283c1466321a4" alt="Subscription Status Colors" width="1640" height="629" data-path="marketONE/EMIGuide/images/SubscriptionStatusColors.png" /> |
| **Subscriptions Action Button Colors** | Select the subscription action button colors for the UI:- Activate Background - Change Plan Background - Pause Background - Cancel Background - Activate Border - Change Plan Border - Pause Border - Cancel Border - Activated Text - Change Plan Text - Pause Text - Cancel Text <img src="https://mintcdn.com/amdocs-spbu/itXsdbmkLJUvOY0b/marketONE/EMIGuide/images/ActivateService.png?fit=max&auto=format&n=itXsdbmkLJUvOY0b&q=85&s=bd3cea60ecc1737edfef934c89c79ffd" alt="Activate Service Modal" width="878" height="513" data-path="marketONE/EMIGuide/images/ActivateService.png" /> |
| **Text Overrides** | If multiple languages have been enabled, select the language for text overrides.If desired, enter text overrides for the following **Subscriptions** modal action buttons: - Activate - Change Plan - Pause - Continue Paused - Cancel - Reinstate Subscription If desired, enter text overrides for the following subscription statuses: - Pending Pause - Pending Cancel - Paused - Not Activated |

### UI Parameters

| Box Name | Description Value |
| - | - |
| **Predefined Theme** | Select one of the following predefined color themes:- Light - Dark |

### Checkout Parameters

| Box Name | Description Value |
| - | - |
| **UI Type** | Select a template for checkout customization:- Template 1 - Template 2 |
| **Tax Display** | Select how to display the amount during checkout:- Excluding tax - Including tax |

### Footer

<img src="https://mintcdn.com/amdocs-spbu/itXsdbmkLJUvOY0b/marketONE/EMIGuide/images/Footer.png?fit=max&auto=format&n=itXsdbmkLJUvOY0b&q=85&s=8521ccf90fe8fe3b5a89132ec9d0d70b" alt="Footer" width="1332" height="357" data-path="marketONE/EMIGuide/images/Footer.png" />

| Box Name | Description Value |
| - | - |
| **Footer Type** | Select a type for the footer:- Default - Grouped |
| **Show Language Selector** | Enable this option to show the language selector. |
| **Colophon Text** | Provide a brief statement that provides details, such as your organization name, the design or development team or individual, the platform or technology used, and contact information for inquiries. |
| **Add Text Link** | You can add one or more text links to the footer. To add a text link:1. Select the **Add Text Link** button. The **Link Label**and **URL Target** fields appear. 2. Enter the link label and URL. - To remove the link, select **Remove Link**. |
| **Social Network** | You can add one or more social network links to the footer. To add a social network link:1. Select the **Add Social Network Link** button. The logo editor and **URL Target** field appear. 2. Upload the social network logo and crop it. It will appear in 100x100 pixels. 3. Enter the URL. - To remove the link, select **Remove Link**. |
| **Parent topic:**[Manage Themes](manageThemes) | |


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.